hacks-guide-minimal-mistake.../_sass/variables.scss

70 lines
2 KiB
SCSS
Raw Normal View History

2015-01-20 21:25:57 +01:00
/* ==========================================================================
Sass variables
========================================================================== */
2015-04-17 12:43:36 +02:00
/*
2015-01-20 21:25:57 +01:00
Typography
========================================================================== */
2014-07-31 19:09:32 +02:00
$doc-font-size: 16;
$doc-line-height: 26;
$paragraph-indent: true !default;
2014-07-31 19:09:32 +02:00
$base-font: 'PT Serif', serif;
$heading-font: 'PT Sans Narrow', sans-serif;
$code-font: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
$alt-font: $base-font;
2015-04-17 12:43:36 +02:00
/*
2015-01-20 21:25:57 +01:00
Colors
========================================================================== */
2014-07-31 19:09:32 +02:00
$bodycolor : #fff;
$body-color : $bodycolor;
$textcolor : #333332;
$text-color : $textcolor;
$border-color : $text-color;
2015-04-17 12:43:36 +02:00
$basecolor : #343434;
$compcolor : spin($basecolor, 180);
2014-07-31 19:09:32 +02:00
$bordercolor : $basecolor;
$white : #fff;
$black : #111;
$accentcolor : $black;
2015-01-20 21:25:57 +01:00
/* buttons */
2014-07-31 19:09:32 +02:00
$primary : $black;
$success : #5cb85c;
$warning : #dd8338;
$danger : #C64537;
$info : #308cbc;
/* brands */
$facebook-color : #3b5998;
$flickr-color : #ff0084;
$foursquare-color : #0cbadf;
$google-plus-color : #dd4b39;
$instagram-color : #4e433c;
$linkedin-color : #4875b4;
$pinterest-color : #cb2027;
$rss-color : #fa9b39;
$tumblr-color : #2c4762;
$twitter-color : #55acee;
$vimeo-color : #1ab7ea;
$youtube-color : #ff3333;
2015-01-20 21:25:57 +01:00
/* links */
2014-07-31 19:09:32 +02:00
$linkcolor : #343434;
$link-color : $linkcolor;
$linkcolorhover : darken($linkcolor, 10);
$linkcolorvisited : lighten($linkcolorhover, 20);
$linkcolorfocus : darken($linkcolorvisited, 10);
2015-04-17 12:43:36 +02:00
/*
2015-01-20 21:25:57 +01:00
Breakpoints
========================================================================== */
2015-04-17 12:43:36 +02:00
2014-07-31 19:09:32 +02:00
$micro : "only screen and (min-width: 30em)";
$small : "only screen and (min-width: 37.5em)";
$medium : "only screen and (min-width: 48em)";
$large : "only screen and (min-width: 62em)";
2015-04-17 12:43:36 +02:00
$x-large : "only screen and (min-width: 86.375em)";