receptty.org/sass/_variables.scss

48 lines
897 B
SCSS
Raw Normal View History

2019-10-30 11:58:46 +01:00
// colors
2020-01-01 18:46:07 +01:00
$primary:#c16b48;
$secondary:#e8e6dc;
$border:#bbb;
2019-10-30 11:58:46 +01:00
// scale
$main-wrap:1000px;
$main-padding:1em;
2019-10-30 11:58:46 +01:00
// body
2020-01-01 18:46:07 +01:00
$body-background:$secondary;
2020-01-01 18:56:38 +01:00
$body-background-image:url(bg-pattern.png);
2019-10-30 11:58:46 +01:00
$body-color:#000;
// anchors
$anchor-color:$primary;
$anchor-hover-color:lighten($primary, 20%);
2019-10-30 11:58:46 +01:00
// tags
2020-01-01 18:46:07 +01:00
$tag-background:$secondary;
2019-10-30 11:58:46 +01:00
$tag-padding:.5em;
$tag-margin:0 .4em .5em 0;
$tag-border-radius:5px;
$tag-color:#000;
$tag-font-size:.9rem;
// nav
2020-01-01 18:46:07 +01:00
$nav-color:#fff;
$nav-background-primary:#333;
$nav-background-secondary:#555;
2019-10-30 11:58:46 +01:00
$nav-anchor-hover-color:$anchor-hover-color;
$nav-h1-margin:1em 0;
2020-01-01 18:46:07 +01:00
$nav-h1-color:$primary;
2019-10-30 11:58:46 +01:00
// recipe
2020-01-01 18:46:07 +01:00
$recipe-background:#fff;
2019-10-30 11:58:46 +01:00
$recipe-wrap:800px;
// article
$article-width:24%;
$article-width-narrow:48%;
$article-margin:0 .5% 2em .5%;
$article-margin-narrow:0 1% 2em 1%;
2020-01-01 18:46:07 +01:00
$article-background:#fff;
2019-10-30 11:58:46 +01:00
$article-color:#000;
$article-date-color:#888;
$article-border-radius:6px;