Created
July 28, 2020 07:49
-
-
Save LeaVerou/73e07c8e6d2d962956f7cbc7071be4dd to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "summary": { | |
| "--THEME_COLOR": { | |
| "get": [ | |
| { | |
| "usedIn": "color", | |
| "value": "var(--THEME_COLOR,#811d15)", | |
| "selector": ".footer__topics__item::before" | |
| } | |
| ] | |
| }, | |
| "--THEME_SECONDARY_COLOR": { | |
| "get": [ | |
| { | |
| "usedIn": "background-color", | |
| "value": "var(--THEME_SECONDARY_COLOR,#d33a2c)", | |
| "selector": ".main-footer" | |
| } | |
| ] | |
| }, | |
| "--bio-image-border-width": { | |
| "set": [ | |
| { | |
| "value": "5px", | |
| "selector": ".article--post__image .bio-image, .l-bio-image--small .bio-image" | |
| }, | |
| { | |
| "value": "5px", | |
| "selector": ".bio-image" | |
| }, | |
| { | |
| "value": "5px", | |
| "selector": ".l-bio-image--small .bio-image" | |
| }, | |
| { | |
| "value": "8px", | |
| "selector": ".bio-image", | |
| "condition": [ | |
| { | |
| "type": "media", | |
| "test": "screen and (min-width: 64em)" | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| "--bio-image-border-radius": { | |
| "set": [ | |
| { | |
| "value": "11px", | |
| "selector": ".article--post__image .bio-image, .l-bio-image--small .bio-image" | |
| }, | |
| { | |
| "value": "11px", | |
| "selector": ".l-bio-image--small .bio-image" | |
| } | |
| ] | |
| }, | |
| "--card-color": { | |
| "get": [ | |
| { | |
| "usedIn": "background-image", | |
| "value": "linear-gradient(var(--card-color,#41b14f),var(--card-color,#41b14f))", | |
| "selector": ".card .btn--card" | |
| } | |
| ], | |
| "set": [ | |
| { | |
| "value": "#19a972", | |
| "selector": ".card__guide--green_bg" | |
| }, | |
| { | |
| "value": "#ff5a00", | |
| "selector": ".card__guide--orange_bg" | |
| }, | |
| { | |
| "value": "#aa1994", | |
| "selector": ".card__guide--violet_bg" | |
| } | |
| ] | |
| }, | |
| "--stack-margin": { | |
| "get": [ | |
| { | |
| "usedIn": "margin-top", | |
| "value": "var(--stack-margin,2rem)", | |
| "selector": ".stack > * + *" | |
| } | |
| ] | |
| }, | |
| "--bio-image-border-color": { | |
| "set": [ | |
| { | |
| "value": "#d33a2c", | |
| "selector": ".bio-image" | |
| }, | |
| { | |
| "value": "#fff", | |
| "selector": ".bio-image--white" | |
| } | |
| ] | |
| } | |
| }, | |
| "computed": [ | |
| { | |
| "element": "FIGURE.bio-image.bio-image--white", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#fff" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image.bio-image--white", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#fff" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image.bio-image--white", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#fff" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image.bio-image--white", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#fff" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "8px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FIGURE.bio-image", | |
| "declarations": { | |
| "--bio-image-border-color": { | |
| "value": "#d33a2c" | |
| }, | |
| "--bio-image-border-radius": { | |
| "value": "11px" | |
| }, | |
| "--bio-image-border-width": { | |
| "value": "5px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "P", | |
| "declarations": { | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "A.btn.btn--large.btn--card.btn--text-shadow.card__guide--green_bg", | |
| "declarations": { | |
| "background-image": { | |
| "value": "linear-gradient(var(--card-color,#41b14f),var(--card-color,#41b14f))", | |
| "references": [ | |
| "--card-color" | |
| ], | |
| "computed": "linear-gradient(rgb(25, 169, 114), rgb(25, 169, 114))" | |
| }, | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| }, | |
| "--card-color": { | |
| "value": "#19a972" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "P", | |
| "declarations": { | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "A.btn.btn--large.btn--card.btn--text-shadow.card__guide--orange_bg", | |
| "declarations": { | |
| "background-image": { | |
| "value": "linear-gradient(var(--card-color,#41b14f),var(--card-color,#41b14f))", | |
| "references": [ | |
| "--card-color" | |
| ], | |
| "computed": "linear-gradient(rgb(255, 90, 0), rgb(255, 90, 0))" | |
| }, | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| }, | |
| "--card-color": { | |
| "value": "#ff5a00" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "P", | |
| "declarations": { | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "A.btn.btn--large.btn--card.btn--text-shadow.card__guide--violet_bg", | |
| "declarations": { | |
| "background-image": { | |
| "value": "linear-gradient(var(--card-color,#41b14f),var(--card-color,#41b14f))", | |
| "references": [ | |
| "--card-color" | |
| ], | |
| "computed": "linear-gradient(rgb(170, 25, 148), rgb(170, 25, 148))" | |
| }, | |
| "margin-top": { | |
| "value": "var(--stack-margin,2rem)", | |
| "references": [ | |
| "--stack-margin" | |
| ], | |
| "computed": "32px" | |
| }, | |
| "--card-color": { | |
| "value": "#aa1994" | |
| } | |
| } | |
| }, | |
| { | |
| "element": "FOOTER.main-footer", | |
| "declarations": { | |
| "background-color": { | |
| "value": "var(--THEME_SECONDARY_COLOR,#d33a2c)", | |
| "references": [ | |
| "--THEME_SECONDARY_COLOR" | |
| ], | |
| "computed": "rgb(211, 58, 44)" | |
| } | |
| } | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment