Move colors to variables

master
Emil Miler 2 years ago
parent d0fc2bdcbe
commit c38e917c42

@ -4,6 +4,11 @@
$width-wrap: 960px;
$width-narrow: ($width-wrap/3)*2;
$col-light: #e8e6e3;
$col-dark: #131516;
$col-gray: lighten($col-dark, 5);
$col-accent: #fc0;
*, *:before, *:after {
box-sizing: border-box;
@ -16,8 +21,8 @@ body {
width: 100%;
min-height: 100vh;
margin: 0 auto;
background: #131516;
color: #e8e6e3;
background: $col-dark;
color: $col-light;
font-family: open-sans, sans;
text-rendering: optimizeLegibility;
}
@ -49,7 +54,7 @@ body>header {
body>nav {
width: 100%;
height: 3rem;
background: #1d1f21;
background: $col-gray;
display: flex;
justify-content: center;
@ -61,11 +66,11 @@ body>nav {
padding: 0 1em;
height: 100%;
color: #fc0;
color: $col-accent;
text-decoration: none;
&:hover, &.active {
background: #131516;
background: $col-dark;
}
@media only screen and (min-width: $width-narrow) {

Loading…
Cancel
Save