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

View File

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