Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updating highlight block to handle warning and better color scheme

Browse Source
This commit is contained in:
Antoine M 2023-10-18 15:04:00 +02:00
parent 41d615f870
commit 64c2a5563a
2 changed files with 66 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
resources/css/blocks/highlight.css
View File

@ -1,5 +1,5 @@
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@apply p-12 rounding-radius my-8; @apply p-12 rounding-radius my-8 max-w-screen-xl mx-auto;
h3 { h3 {
@apply pb-4; @apply pb-4;
@ -10,7 +10,47 @@
&__block-title { &__block-title {
@apply !pb-0; @apply !pb-0;
} }
.icon { .wp-block-button {
@apply bg-primary; @apply mt-6;
}
.wp-block-button + * {
@apply mt-6;
}
&--classic {
@apply bg-primary text-white;
.icon,
.wp-block-button__link {
@apply bg-secondary;
}
}
&--warning {
@apply !bg-transparent !relative !text-secondary;
.icon,
.wp-element-button,
ul li:before {
@apply !bg-secondary;
}
.homegrade-blocks-highlight__block-title,
*::marker {
@apply !text-secondary;
}
p > a {
@apply !text-primary font-bold;
}
&:after {
@apply absolute
block
rounding-radius
w-full
h-full
!bg-secondary
top-0
left-0;
opacity: 0.05;
content: '';
z-index: -1;
pointer-events: none;
}
} }
} }

29
resources/css/editor-content/color-taxonomy-scheme.css
View File

@ -27,10 +27,13 @@ body.acoustique,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
.wp-block-button__link, .wp-block-button__link,
ul li:before { ul li:before {
@apply bg-acoustique-coproprietes; @apply !bg-acoustique-coproprietes;
} }
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@apply bg-acoustique-coproprietes-light; @apply bg-acoustique-coproprietes-light text-black;
.icon {
@apply bg-acoustique-coproprietes;
}
} }
.tooltip-word { .tooltip-word {
@apply !decoration-acoustique-coproprietes; @apply !decoration-acoustique-coproprietes;
@ -98,7 +101,12 @@ body.energies,
.homegrade-blocks-focused-thematique__figcaption-toggle { .homegrade-blocks-focused-thematique__figcaption-toggle {
@apply text-energies-urbanisme; @apply text-energies-urbanisme;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight {
@apply bg-energies-urbanisme-light text-black;
.icon {
@apply bg-energies-urbanisme;
}
}
.post-conseils-chapter-header { .post-conseils-chapter-header {
@apply bg-energies-urbanisme-light; @apply bg-energies-urbanisme-light;
} }
@ -180,7 +188,10 @@ body.isolation,
@apply text-isolation-quotidien; @apply text-isolation-quotidien;
} }
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@apply bg-isolation-quotidien-light; @apply bg-isolation-quotidien-light text-black;
.icon {
@apply bg-isolation-quotidien;
}
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
@ -257,7 +268,10 @@ body.patrimoine,
@apply text-patrimoine-renovation; @apply text-patrimoine-renovation;
} }
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@apply bg-patrimoine-renovation-light; @apply bg-patrimoine-renovation-light text-black;
.icon {
@apply bg-patrimoine-renovation;
}
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
@ -335,7 +349,10 @@ body.renovation-circulaire,
@apply text-location-renovation-circulaire; @apply text-location-renovation-circulaire;
} }
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@apply bg-location-renovation-circulaire-light; @apply bg-location-renovation-circulaire-light text-black;
.icon {
@apply bg-location-renovation-circulaire;
}
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,