74 lines
2.1 KiB
SCSS
74 lines
2.1 KiB
SCSS
/* ==========================================================================
|
|
Variables
|
|
========================================================================== */
|
|
|
|
/*
|
|
Typography
|
|
========================================================================== */
|
|
|
|
$doc-font-size: 16;
|
|
$doc-line-height: 26;
|
|
$paragraph-indent: true !default;
|
|
|
|
$serif : "PT Serif", serif;
|
|
$sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
|
|
$sans-serif-narrow : "PT Sans Narrow", sans-serif;
|
|
$monospace : Monaco, Consolas, "Lucida Console", monospace;
|
|
|
|
/*
|
|
Colors
|
|
========================================================================== */
|
|
|
|
$bodycolor : #fff;
|
|
$body-color : $bodycolor;
|
|
$textcolor : #333332;
|
|
$text-color : $textcolor;
|
|
$border-color : $text-color;
|
|
$basecolor : #343434;
|
|
$compcolor : spin($basecolor, 180);
|
|
$bordercolor : $basecolor;
|
|
$white : #fff;
|
|
$black : #111;
|
|
$accentcolor : $black;
|
|
|
|
/* buttons */
|
|
$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;
|
|
|
|
/* links */
|
|
$linkcolor : #343434;
|
|
$link-color : $linkcolor;
|
|
$linkcolorhover : darken($linkcolor, 10);
|
|
$linkcolorvisited : lighten($linkcolorhover, 20);
|
|
$linkcolorfocus : darken($linkcolorvisited, 10);
|
|
|
|
$border-radius : 4px;
|
|
|
|
/*
|
|
Breakpoints
|
|
========================================================================== */
|
|
|
|
@include breakpoint-set("to ems", true);
|
|
|
|
$micro : 480px;
|
|
$small : 600px;
|
|
$medium : 768px;
|
|
$large : 992px;
|
|
$x-large : 1382px; |