46 lines
915 B
SCSS
46 lines
915 B
SCSS
|
// colors
|
||
|
|
$primary:#ffd7e8;
|
||
|
|
$secondary:#d7e9ff;
|
||
|
|
$secondary-dark:darken($secondary,30);
|
||
|
|
$primary-dark:darken($primary,30);
|
||
|
|
$border:#aaa;
|
||
|
|
|
||
|
|
// scale
|
||
|
|
$wrap:1200px;
|
||
|
|
|
||
|
|
// body
|
||
|
|
$body-background-image:url(bg.png);
|
||
|
|
$body-color:#000;
|
||
|
|
|
||
|
|
// anchors
|
||
|
|
$anchor-color:#546476;
|
||
|
|
$anchor-hover-color:$secondary-dark;
|
||
|
|
|
||
|
|
// tags
|
||
|
|
$tag-background:$primary;
|
||
|
|
$tag-padding:.5em;
|
||
|
|
$tag-margin:0 .4em .5em 0;
|
||
|
|
$tag-border-radius:5px;
|
||
|
|
$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-anchor-hover-color:$anchor-hover-color;
|
||
|
|
$nav-border:2px solid $border;
|
||
|
|
$nav-h1-margin:1em 0;
|
||
|
|
|
||
|
|
// recipe
|
||
|
|
$recipe-background:#f4f4f4;
|
||
|
|
$recipe-wrap:800px;
|
||
|
|
|
||
|
|
// article
|
||
|
|
$article-width:22%;
|
||
|
|
$article-margin:0 1em 2em 1em;
|
||
|
|
$article-background:$primary;
|
||
|
|
$article-color:#000;
|
||
|
|
$article-date-color:#888;
|
||
|
|
$article-border-radius:6px;
|