renamed colors and color-variants

This commit is contained in:
jorge 2022-11-30 00:19:30 +01:00
parent 7fbb66573e
commit 6b02a3be4b
2 changed files with 22 additions and 17 deletions

View File

@ -1,7 +1,10 @@
$color__black: #000;
$color__white: #fff; $color__white: #fff;
$color__dark-grey: #666; $color__white-dark: #fdfdfd;
$color__light-grey: #ccc; $color__grey-light: #ccc;
$color__grey-dark: #666;
$color__black-light: #101010;
$color__black-grey: #020202;
$color__black: #000;
$color__orange: ff8d76; $color__orange: ff8d76;
$color__yellow: f6cc4c; $color__yellow: f6cc4c;
$color__pink: f877c3; $color__pink: f877c3;
@ -11,17 +14,17 @@ $color__green: 69ed82;
$color__red: ff686e; $color__red: ff686e;
$color__background-body: #fff; $color__background-body: $color__white;
$color__background-screen: #fff; $color__background-screen: $color__white;
$color__background-hr: #000; $color__background-hr: $color__black;
$color__background-button: #fff; $color__background-button: $color__white;
$color__background-pre: #fdfdfd; $color__background-pre: $color__white-dark;
$color__background-ins: #fefefe; $color__background-ins: $color__white-dark;
$color__text-screen: #020202; $color__text-screen: $color__black-grey;
$color__text-input: #666; $color__text-input: $color__grey-light;
$color__text-input-focus: #111; $color__text-input-focus: $color__grey-dark;
$color__link: #101010; $color__link: $color__black-light;
$color__link-visited: #505050; $color__link-visited: #505050;
$color__link-hover: #707070; $color__link-hover: #707070;
$color__text-main: #404040; $color__text-main: #404040;
@ -29,6 +32,6 @@ $color__text-main: #404040;
$color__border-button: #000 #000 #000; $color__border-button: #000 #000 #000;
$color__border-button-hover: #111 #111 #111; $color__border-button-hover: #111 #111 #111;
$color__border-button-focus: #222 #222 #222; $color__border-button-focus: #222 #222 #222;
$color__border-input: #000; $color__border-input: $color__black;
$color__border-abbr: #666; $color__border-abbr: $color__grey-dark;

View File

@ -7,7 +7,9 @@
"header" "header"
"main" "main"
"footer"; "footer";
padding: 3rem; margin: auto;
padding: 0 3rem;
max-width: 51em;
} }
.site-header { .site-header {
.main { .main {
@ -18,7 +20,7 @@
.secondary { .secondary {
display:flex; display:flex;
justify-content: center; justify-content: center;
border-top: 1px solid $color__light-grey; border-top: 1px solid $color__grey-light;
} }
} }
} }