forked from em/receptty.org
Změna barev
This commit is contained in:
parent
8b59e675d4
commit
ad3a796e7a
@ -3,10 +3,11 @@ nav {
|
||||
flex-direction:column;
|
||||
width:100%;
|
||||
background:$nav-background-primary;
|
||||
color:$nav-color;
|
||||
color:$nav-h1-color;
|
||||
border-bottom:$nav-border;
|
||||
|
||||
h1 {
|
||||
h1 a {
|
||||
color:$nav-h1-color;
|
||||
margin:$nav-h1-margin;
|
||||
}
|
||||
|
||||
|
@ -1,7 +1,7 @@
|
||||
table {
|
||||
border: 1px solid $border;
|
||||
border-radius:3px;
|
||||
background:linear-gradient(20deg, $primary 20%, $secondary 95%);
|
||||
background:$secondary;
|
||||
padding:0;
|
||||
margin:0 2em 2em 0;
|
||||
width:45%;
|
||||
|
@ -1,23 +1,22 @@
|
||||
// colors
|
||||
$primary:#ffd7e8;
|
||||
$secondary:#d7e9ff;
|
||||
$secondary-dark:darken($secondary,30);
|
||||
$primary-dark:darken($primary,30);
|
||||
$border:#aaa;
|
||||
$primary:#c16b48;
|
||||
$secondary:#e8e6dc;
|
||||
$border:#bbb;
|
||||
|
||||
// scale
|
||||
$wrap:1200px;
|
||||
|
||||
// body
|
||||
$body-background:$secondary;
|
||||
$body-background-image:url(bg.png);
|
||||
$body-color:#000;
|
||||
|
||||
// anchors
|
||||
$anchor-color:#546476;
|
||||
$anchor-hover-color:$secondary-dark;
|
||||
$anchor-hover-color:$primary;
|
||||
|
||||
// tags
|
||||
$tag-background:$primary;
|
||||
$tag-background:$secondary;
|
||||
$tag-padding:.5em;
|
||||
$tag-margin:0 .4em .5em 0;
|
||||
$tag-border-radius:5px;
|
||||
@ -25,21 +24,22 @@ $tag-color:#000;
|
||||
$tag-font-size:.9rem;
|
||||
|
||||
// nav
|
||||
$nav-color:#000;
|
||||
$nav-background-primary:linear-gradient(20deg, $primary 20%, $secondary 95%);
|
||||
$nav-background-secondary:rgba(255,255,255,.3);
|
||||
$nav-color:#fff;
|
||||
$nav-background-primary:#333;
|
||||
$nav-background-secondary:#555;
|
||||
$nav-anchor-hover-color:$anchor-hover-color;
|
||||
$nav-border:2px solid $border;
|
||||
$nav-h1-margin:1em 0;
|
||||
$nav-h1-color:$primary;
|
||||
|
||||
// recipe
|
||||
$recipe-background:#f4f4f4;
|
||||
$recipe-background:#fff;
|
||||
$recipe-wrap:800px;
|
||||
|
||||
// article
|
||||
$article-width:22%;
|
||||
$article-margin:0 1em 2em 1em;
|
||||
$article-background:$primary;
|
||||
$article-background:#fff;
|
||||
$article-color:#000;
|
||||
$article-date-color:#888;
|
||||
$article-border-radius:6px;
|
||||
|
@ -11,7 +11,7 @@ html, body {
|
||||
|
||||
body {
|
||||
background-image:$body-background-image;
|
||||
background-position:center center;
|
||||
background:$body-background;
|
||||
color:$body-color;
|
||||
font-family:sofia;
|
||||
}
|
||||
@ -110,4 +110,3 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user