homegrade_theme_production/resources/css/editor-style.css

151 lines
2.4 KiB
CSS

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import './utilities/shadows.css';
@import './components/cta.css';
.temp_guidance_sentence {
@apply text-center text-secondary font-bold;
}
.homegrade-blocks-highlight:not(:has(.homegrade-blocks-highlight__titling))
.homegrade-blocks-custom-heading:first-child {
@apply !mt-0;
}
body {
@apply font-sans;
}
.wp-block {
@apply max-w-screen-xl;
}
.wp-block[data-align='wide'] {
@apply max-w-screen-xl;
}
.wp-block[data-align='full'] {
@apply max-w-full;
}
.wp-block.alignfull {
@apply max-w-full;
}
.acf-block-component {
/* @apply bg-red-500; */
}
.acf-block-fields {
@apply max-w-screen-md mx-auto;
}
.block-editor-default-block-appender .block-editor-inserter {
button {
@apply !bg-secondary;
}
}
.components-dropdown .components-toolbar__control {
background-color: #e04d42;
color: white;
}
ul,
ol {
@apply mt-4 mb-8;
}
ol {
@apply list-decimal list-inside;
}
ul li {
padding: 0.15rem 0;
@apply relative pl-5;
}
ul li:before {
@apply absolute left-0;
content: '';
display: inline-block;
height: 8px;
width: 8px;
border-radius: 50%;
margin-right: 14px;
margin-top: 9px;
@apply bg-secondary;
}
h1 {
@apply text-2xl;
}
h2 {
@apply text-xl mt-16 mb-8;
}
h3 {
@apply font-bold text-2xl mt-16 mb-4;
}
h4 {
@apply font-bold text-xl mt-6 mb-3;
}
h5 {
@apply font-bold text-lg mt-6 mb-3;
}
p {
@apply my-3 p-0;
}
.block-content-page-header {
h2 {
@apply !text-4xl mt-0 mb-12;
}
}
.homegrade-content-blocks-grey-box {
/* max-width: 100% !important; */
}
.homegrade-blocks-highlight--warning {
.wp-block-button__link {
@apply !bg-secondary;
}
}
.homegrade-blocks-plus-loin {
ol li::marker {
@apply !text-white;
}
ul li:before {
@apply !bg-white;
}
}
.homegrade-blocks-box-monoblock,
.homegrade-blocks-tips-to-know__tip,
.homegrade-blocks-plus-loin,
.homegrade-blocks-timeline-step,
.homegrade-blocks-content-page-header {
ul {
list-style: none !important;
}
}
.wp-block-button:not(.is-style-outline),
.wp-block-button.is-style-fill {
.wp-block-button__link {
@apply cta cta--secondary cta--button;
}
}
/* .homegrade-blocks-highlight__content__innerblocks .block-editor-block-list__layout {
} */
.wp-block-list {
@apply list-none;
}
.acf-block-fields ul {
li:before {
@apply content-none;
}
}