SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: expand css color variables

Browse source
This commit is contained in:
Sebin Nyshkim 2023-07-18 21:51:14 +02:00
parent f100c524af
commit b450849075
1 changed files with 17 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/scss/base.scss
View file

@ -1,4 +1,4 @@
@import "fontfaces"; @import 'fontfaces';
/* theme colors */ /* theme colors */
:root { :root {
@ -28,6 +28,18 @@
--theme-c-white: #ffffff; --theme-c-white: #ffffff;
--theme-c-black: #000000; --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-dull-red-translucent: #c64c35bf;
--theme-c-indian-yellow-translucent: #eda958bf; --theme-c-indian-yellow-translucent: #eda958bf;
--theme-c-dusky-blue-translucent: #4b608fbf; --theme-c-dusky-blue-translucent: #4b608fbf;
@ -100,8 +112,8 @@
/* general purpose variables */ /* general purpose variables */
:root { :root {
--font-family-copy: "Dosis", sans-serif; --font-family-copy: 'Dosis', sans-serif;
--font-family-headings: "Zilla Slab", sans-serif; --font-family-headings: 'Zilla Slab', sans-serif;
--font-size: 18px; --font-size: 18px;
--font-size-h1: 3rem; --font-size-h1: 3rem;
@ -128,8 +140,7 @@
--page-background: var(--theme-b-page-background-light); --page-background: var(--theme-b-page-background-light);
--header-background: var(--theme-b-navigation-background-light); --header-background: var(--theme-b-navigation-background-light);
--header-margin: 1rem var(--container-spacing-right-safe) 1rem --header-margin: 1rem var(--container-spacing-right-safe) 1rem var(--container-spacing-left-safe);
var(--container-spacing-left-safe);
--navigation-justify-content: flex-start; --navigation-justify-content: flex-start;
--quickfacts-background: var(--theme-b-page-background-light); --quickfacts-background: var(--theme-b-page-background-light);
@ -172,8 +183,7 @@
--social-links-flex-flow: row wrap; --social-links-flex-flow: row wrap;
--social-links-flex: 1 1 50%; --social-links-flex: 1 1 50%;
--footer-padding: var(--container-spacing-top-safe) 0 --footer-padding: var(--container-spacing-top-safe) 0 var(--container-spacing-bottom-safe) 0;
var(--container-spacing-bottom-safe) 0;
} }
/* semantic color variables for this project */ /* semantic color variables for this project */