Změna barev

This commit is contained in:
Emil Miler 2020-01-01 18:46:07 +01:00
parent 8b59e675d4
commit ad3a796e7a
4 changed files with 17 additions and 17 deletions

View File

@ -3,10 +3,11 @@ nav {
flex-direction:column; flex-direction:column;
width:100%; width:100%;
background:$nav-background-primary; background:$nav-background-primary;
color:$nav-color; color:$nav-h1-color;
border-bottom:$nav-border; border-bottom:$nav-border;
h1 { h1 a {
color:$nav-h1-color;
margin:$nav-h1-margin; margin:$nav-h1-margin;
} }

View File

@ -1,7 +1,7 @@
table { table {
border: 1px solid $border; border: 1px solid $border;
border-radius:3px; border-radius:3px;
background:linear-gradient(20deg, $primary 20%, $secondary 95%); background:$secondary;
padding:0; padding:0;
margin:0 2em 2em 0; margin:0 2em 2em 0;
width:45%; width:45%;

View File

@ -1,23 +1,22 @@
// colors // colors
$primary:#ffd7e8; $primary:#c16b48;
$secondary:#d7e9ff; $secondary:#e8e6dc;
$secondary-dark:darken($secondary,30); $border:#bbb;
$primary-dark:darken($primary,30);
$border:#aaa;
// scale // scale
$wrap:1200px; $wrap:1200px;
// body // body
$body-background:$secondary;
$body-background-image:url(bg.png); $body-background-image:url(bg.png);
$body-color:#000; $body-color:#000;
// anchors // anchors
$anchor-color:#546476; $anchor-color:#546476;
$anchor-hover-color:$secondary-dark; $anchor-hover-color:$primary;
// tags // tags
$tag-background:$primary; $tag-background:$secondary;
$tag-padding:.5em; $tag-padding:.5em;
$tag-margin:0 .4em .5em 0; $tag-margin:0 .4em .5em 0;
$tag-border-radius:5px; $tag-border-radius:5px;
@ -25,21 +24,22 @@ $tag-color:#000;
$tag-font-size:.9rem; $tag-font-size:.9rem;
// nav // nav
$nav-color:#000; $nav-color:#fff;
$nav-background-primary:linear-gradient(20deg, $primary 20%, $secondary 95%); $nav-background-primary:#333;
$nav-background-secondary:rgba(255,255,255,.3); $nav-background-secondary:#555;
$nav-anchor-hover-color:$anchor-hover-color; $nav-anchor-hover-color:$anchor-hover-color;
$nav-border:2px solid $border; $nav-border:2px solid $border;
$nav-h1-margin:1em 0; $nav-h1-margin:1em 0;
$nav-h1-color:$primary;
// recipe // recipe
$recipe-background:#f4f4f4; $recipe-background:#fff;
$recipe-wrap:800px; $recipe-wrap:800px;
// article // article
$article-width:22%; $article-width:22%;
$article-margin:0 1em 2em 1em; $article-margin:0 1em 2em 1em;
$article-background:$primary; $article-background:#fff;
$article-color:#000; $article-color:#000;
$article-date-color:#888; $article-date-color:#888;
$article-border-radius:6px; $article-border-radius:6px;

View File

@ -11,7 +11,7 @@ html, body {
body { body {
background-image:$body-background-image; background-image:$body-background-image;
background-position:center center; background:$body-background;
color:$body-color; color:$body-color;
font-family:sofia; font-family:sofia;
} }
@ -110,4 +110,3 @@ main {
} }
} }