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

moving thematique color filters to the color taxonomy scheme

Browse Source
This commit is contained in:
Antoine M 2023-10-05 16:08:52 +02:00
parent 472a68e9f2
commit f22ffdde58
2 changed files with 45 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/css/base/thematiques-colors.css
View File

@ -1,4 +1,4 @@
.filter-acoustique-coproprietes { /* .filter-acoustique-coproprietes {
filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%);
} }
.filter-energies-urbanisme { .filter-energies-urbanisme {
@ -12,4 +12,4 @@
} }
.filter-location-renovation-circulaire { .filter-location-renovation-circulaire {
filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%);
} } */

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

@ -15,12 +15,14 @@ body.acoustique,
h5, h5,
h6, h6,
ul li::marker, ul li::marker,
ol li::marker { ol li::marker,
.homegrade-blocks-focused-thematique__figcaption-toggle {
@apply text-acoustique-coproprietes; @apply text-acoustique-coproprietes;
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet:after,
.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 {
@ -87,7 +89,8 @@ body.energies,
h5, h5,
h6, h6,
ol li::marker, ol li::marker,
ul li::marker { ul li::marker,
.homegrade-blocks-focused-thematique__figcaption-toggle {
@apply text-energies-urbanisme; @apply text-energies-urbanisme;
} }
.homegrade-blocks-highlight, .homegrade-blocks-highlight,
@ -96,6 +99,7 @@ body.energies,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
.wp-block-button__link { .wp-block-button__link {
@ -120,6 +124,9 @@ body.energies,
.homegrade-blocks-lien-chapitre__cta:hover { .homegrade-blocks-lien-chapitre__cta:hover {
@apply filter-energies-urbanisme; @apply filter-energies-urbanisme;
} }
.homegrade-blocks-focused-thematique__figcaption-toggle img {
@apply filter-energies-urbanisme;
}
} }
/* URBANISME — SPECIFIC */ /* URBANISME — SPECIFIC */
@ -158,7 +165,8 @@ body.isolation,
h5, h5,
h6, h6,
ol li::marker, ol li::marker,
ul li::marker { ul li::marker,
.homegrade-blocks-focused-thematique__figcaption-toggle {
@apply text-isolation-quotidien; @apply text-isolation-quotidien;
} }
.homegrade-blocks-highlight { .homegrade-blocks-highlight {
@ -166,6 +174,7 @@ body.isolation,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
.wp-block-button__link { .wp-block-button__link {
@ -190,6 +199,9 @@ body.isolation,
.homegrade-blocks-lien-chapitre__cta:hover { .homegrade-blocks-lien-chapitre__cta:hover {
@apply filter-isolation-quotidien; @apply filter-isolation-quotidien;
} }
.homegrade-blocks-focused-thematique__figcaption-toggle img {
@apply filter-isolation-quotidien;
}
} }
/* AU QUOTIDIEN — SPECIFIC */ /* AU QUOTIDIEN — SPECIFIC */
@ -234,6 +246,7 @@ body.patrimoine,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
.wp-block-button__link { .wp-block-button__link {
@ -258,6 +271,9 @@ body.patrimoine,
.homegrade-blocks-lien-chapitre__cta:hover { .homegrade-blocks-lien-chapitre__cta:hover {
@apply filter-patrimoine-renovation; @apply filter-patrimoine-renovation;
} }
.homegrade-blocks-focused-thematique__figcaption-toggle img {
@apply filter-patrimoine-renovation;
}
} }
body.renovation, body.renovation,
@ -302,6 +318,7 @@ body.renovation-circulaire,
} }
.chapter_index__position-indicator, .chapter_index__position-indicator,
.homegrade-blocks-focus-point-bullet, .homegrade-blocks-focus-point-bullet,
.homegrade-blocks-focus-point-bullet:after,
.homegrade-blocks-focused-schema ol li:before, .homegrade-blocks-focused-schema ol li:before,
ul li:before, ul li:before,
.wp-block-button__link { .wp-block-button__link {
@ -326,6 +343,9 @@ body.renovation-circulaire,
.homegrade-blocks-lien-chapitre__cta:hover { .homegrade-blocks-lien-chapitre__cta:hover {
@apply filter-patrimoine-renovation; @apply filter-patrimoine-renovation;
} }
.homegrade-blocks-focused-thematique__figcaption-toggle img {
@apply filter-patrimoine-renovation;
}
} }
/* RENOVATION CIRCULAIRE — SPECIFIC */ /* RENOVATION CIRCULAIRE — SPECIFIC */
@ -372,3 +392,23 @@ body.renovation-circulaire,
} }
} }
} }
/* -------------------------------------------------
FILTERS
---------------------------------------------------*/
.filter-acoustique-coproprietes {
filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%);
}
.filter-energies-urbanisme {
filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%);
}
.filter-isolation-quotidien {
filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%);
}
.filter-patrimoine-renovation {
filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%);
}
.filter-location-renovation-circulaire {
filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%);
}