feat: expand css color variables
This commit is contained in:
parent
f100c524af
commit
b450849075
1 changed files with 17 additions and 7 deletions
|
@ -1,4 +1,4 @@
|
|||
@import "fontfaces";
|
||||
@import 'fontfaces';
|
||||
|
||||
/* theme colors */
|
||||
:root {
|
||||
|
@ -28,6 +28,18 @@
|
|||
--theme-c-white: #ffffff;
|
||||
--theme-c-black: #000000;
|
||||
|
||||
--theme-c-love: #e00f60;
|
||||
--theme-c-yes: #2faf2a;
|
||||
--theme-c-maybe: #daa520;
|
||||
--theme-c-no: #8b0000;
|
||||
--theme-c-receive: #448dc9;
|
||||
--theme-c-give: #4a7d91;
|
||||
|
||||
--theme-c-love-dark: #9b0a41;
|
||||
--theme-c-yes-dark: #1f771c;
|
||||
--theme-c-maybe-dark: #997416;
|
||||
--theme-c-no-dark: #530000;
|
||||
|
||||
--theme-c-dull-red-translucent: #c64c35bf;
|
||||
--theme-c-indian-yellow-translucent: #eda958bf;
|
||||
--theme-c-dusky-blue-translucent: #4b608fbf;
|
||||
|
@ -100,8 +112,8 @@
|
|||
|
||||
/* general purpose variables */
|
||||
:root {
|
||||
--font-family-copy: "Dosis", sans-serif;
|
||||
--font-family-headings: "Zilla Slab", sans-serif;
|
||||
--font-family-copy: 'Dosis', sans-serif;
|
||||
--font-family-headings: 'Zilla Slab', sans-serif;
|
||||
|
||||
--font-size: 18px;
|
||||
--font-size-h1: 3rem;
|
||||
|
@ -128,8 +140,7 @@
|
|||
|
||||
--page-background: var(--theme-b-page-background-light);
|
||||
--header-background: var(--theme-b-navigation-background-light);
|
||||
--header-margin: 1rem var(--container-spacing-right-safe) 1rem
|
||||
var(--container-spacing-left-safe);
|
||||
--header-margin: 1rem var(--container-spacing-right-safe) 1rem var(--container-spacing-left-safe);
|
||||
--navigation-justify-content: flex-start;
|
||||
|
||||
--quickfacts-background: var(--theme-b-page-background-light);
|
||||
|
@ -172,8 +183,7 @@
|
|||
--social-links-flex-flow: row wrap;
|
||||
--social-links-flex: 1 1 50%;
|
||||
|
||||
--footer-padding: var(--container-spacing-top-safe) 0
|
||||
var(--container-spacing-bottom-safe) 0;
|
||||
--footer-padding: var(--container-spacing-top-safe) 0 var(--container-spacing-bottom-safe) 0;
|
||||
}
|
||||
|
||||
/* semantic color variables for this project */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue