renamed colors and color-variants
This commit is contained in:
parent
7fbb66573e
commit
6b02a3be4b
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue