2015-01-20 21:25:57 +01:00
|
|
|
/* ==========================================================================
|
2016-03-10 04:19:11 +01:00
|
|
|
Variables
|
2015-01-20 21:25:57 +01:00
|
|
|
========================================================================== */
|
|
|
|
|
2015-04-17 12:43:36 +02:00
|
|
|
/*
|
2015-01-20 21:25:57 +01:00
|
|
|
Typography
|
|
|
|
========================================================================== */
|
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
$doc-font-size : 16;
|
|
|
|
$doc-line-height : 26;
|
2016-03-10 19:06:59 +01:00
|
|
|
$paragraph-indent : false !default;
|
2016-03-10 17:13:54 +01:00
|
|
|
$indent-var : 0rem + ($doc-line-height / $doc-font-size);
|
|
|
|
|
|
|
|
$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;
|
2016-03-10 04:19:11 +01:00
|
|
|
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2015-04-17 12:43:36 +02:00
|
|
|
/*
|
2015-01-20 21:25:57 +01:00
|
|
|
Colors
|
|
|
|
========================================================================== */
|
|
|
|
|
2016-03-10 17:13:54 +01:00
|
|
|
$gray : #4c4c4c;
|
|
|
|
$dark-gray : #191413;
|
|
|
|
$light-gray : #e2e2e2;
|
|
|
|
$lighter-gray : #f9f9f9;
|
|
|
|
|
|
|
|
$body-color : #fff;
|
|
|
|
$background-color : #fff;
|
|
|
|
$text-color : #333332;
|
|
|
|
$border-color : $light-gray;
|
|
|
|
$base-color : #343434;
|
|
|
|
$comp-color : spin($base-color, 180);
|
|
|
|
$accent-color : #000;
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2015-01-20 21:25:57 +01:00
|
|
|
/* buttons */
|
2016-03-10 17:13:54 +01:00
|
|
|
$primary-color : #000;
|
|
|
|
$success-color : #5cb85c;
|
|
|
|
$warning-color : #dd8338;
|
|
|
|
$danger-color : #C64537;
|
|
|
|
$info-color : #308cbc;
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2015-01-21 17:21:50 +01:00
|
|
|
/* 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 */
|
2016-03-10 17:13:54 +01:00
|
|
|
$link-color : #343434;
|
|
|
|
$link-color-hover : darken($link-color, 10);
|
|
|
|
$link-color-visited : lighten($link-color-hover, 20);
|
|
|
|
$link-color-focus : darken($link-color-visited, 10);
|
|
|
|
|
|
|
|
$border-radius : 4px;
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
2016-03-15 17:34:14 +01:00
|
|
|
Breakpoints
|
2016-03-10 17:13:54 +01:00
|
|
|
========================================================================== */
|
|
|
|
|
2016-03-15 17:34:14 +01:00
|
|
|
@include breakpoint-set("to ems", true);
|
|
|
|
|
|
|
|
$small : 600px;
|
|
|
|
$medium : 768px;
|
|
|
|
$medium-wide : 900px;
|
|
|
|
$large : 1024px;
|
|
|
|
$x-large : 1440px;
|
2014-07-31 19:09:32 +02:00
|
|
|
|
2016-03-10 04:19:11 +01:00
|
|
|
|
2015-04-17 12:43:36 +02:00
|
|
|
/*
|
2016-03-15 17:34:14 +01:00
|
|
|
Grid
|
2015-01-20 21:25:57 +01:00
|
|
|
========================================================================== */
|
2015-04-17 12:43:36 +02:00
|
|
|
|
2016-03-15 17:34:14 +01:00
|
|
|
// $width : 100%;
|
|
|
|
// $def_grid : 12; // define number of columns in the grid (eg. 12, 16...)
|
|
|
|
// $margin : 0;
|
|
|
|
|
|
|
|
$susy: (
|
|
|
|
columns: 12,
|
|
|
|
gutters: 1/4,
|
|
|
|
math: fluid,
|
|
|
|
output: float,
|
|
|
|
gutter-position: inside,
|
|
|
|
container: $large,
|
|
|
|
global-box-sizing: border-box,
|
|
|
|
debug: (
|
|
|
|
image: show,
|
|
|
|
color: blue,
|
|
|
|
output: overlay,
|
|
|
|
toggle: top right,
|
|
|
|
),
|
|
|
|
);
|