Convert .less to .scss
This commit is contained in:
41
_sass/variables.scss
Normal file
41
_sass/variables.scss
Normal file
@ -0,0 +1,41 @@
|
||||
// TYPOGRAPHY ================================================
|
||||
$doc-font-size: 16;
|
||||
$doc-line-height: 26;
|
||||
$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;
|
||||
|
||||
// COLOR ======================================================
|
||||
$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;
|
||||
|
||||
// Links
|
||||
$linkcolor : #343434;
|
||||
$link-color : $linkcolor;
|
||||
$linkcolorhover : darken($linkcolor, 10);
|
||||
$linkcolorvisited : lighten($linkcolorhover, 20);
|
||||
$linkcolorfocus : darken($linkcolorvisited, 10);
|
||||
|
||||
// Media Queries
|
||||
$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)";
|
||||
$x-large : "only screen and (min-width: 86.375em)";
|
Reference in New Issue
Block a user