2014-07-19 22:33:48 +04:00
|
|
|
//
|
|
|
|
// Colours
|
|
|
|
// --------------------------------------------------
|
2014-05-21 21:17:39 +04:00
|
|
|
|
|
|
|
$darkgrey: #242628;
|
|
|
|
$grey: #35393b;
|
|
|
|
$midgrey: #7d878a;
|
|
|
|
$lightgrey: #e2edf2;
|
2014-08-18 21:08:52 +04:00
|
|
|
$lightestgrey: #FCFCFC;
|
2014-05-21 21:17:39 +04:00
|
|
|
$brown: #aaa9a2;
|
|
|
|
$midbrown: #c0bfb6;
|
|
|
|
$lightbrown: #edece4;
|
|
|
|
$blue: #5BA4E5;
|
|
|
|
$red: #e25440;
|
|
|
|
$orange: #F2A925;
|
|
|
|
$green: #9FBB58;
|
|
|
|
|
2014-07-31 19:06:25 +04:00
|
|
|
$list-colours:
|
2014-05-21 21:17:39 +04:00
|
|
|
('darkgrey' $darkgrey)
|
|
|
|
('grey' $grey)
|
|
|
|
('midgrey' $midgrey)
|
|
|
|
('lightgrey' $lightgrey)
|
|
|
|
('brown' $brown)
|
|
|
|
('midbrown' $midbrown)
|
|
|
|
('lightbrown' $lightbrown)
|
|
|
|
('blue' $blue)
|
|
|
|
('red' $red)
|
|
|
|
('orange' $orange)
|
|
|
|
('green' $green);
|
|
|
|
|
|
|
|
|
2014-07-19 22:33:48 +04:00
|
|
|
//
|
|
|
|
// Styles
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
2014-08-04 19:57:33 +04:00
|
|
|
$rounded: 3px;
|
2014-07-19 22:33:48 +04:00
|
|
|
$shadow: rgba(0,0,0,0.05) 0 1px 5px;
|
|
|
|
$default-transition-duration: 0.3s;
|
2014-09-02 20:35:23 +04:00
|
|
|
$side-outlet-transition-duration: 0.4s;
|
2014-05-21 21:17:39 +04:00
|
|
|
|
|
|
|
$font-family: 'Open Sans', sans-serif;
|
2014-07-19 22:33:48 +04:00
|
|
|
$font-family-mono: Inconsolata, monospace;
|
|
|
|
|
2014-07-31 19:06:25 +04:00
|
|
|
$at2x: 2 device-pixel-ratio;
|
|
|
|
|
2014-08-05 18:12:27 +04:00
|
|
|
$dropdown_triangle: 8px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$padding-small-horizontal: 10px !default;
|
|
|
|
$padding-large-horizontal: 16px !default;
|
|
|
|
|
|
|
|
$input-height-base: (20px + (6px * 2) + 2) !default;
|
|
|
|
$input-height-small: (floor(12px * 1.5) + (5px * 2) + 2) !default;
|
|
|
|
$input-height-large: (ceil(18px * 1.33) + (10px * 2) + 2) !default;
|
|
|
|
|
|
|
|
$border-radius-large: 6px !default;
|
|
|
|
$border-radius-small: 3px !default;
|
|
|
|
|
|
|
|
$state-success-text: #3c763d !default;
|
|
|
|
$state-success-bg: #dff0d8 !default;
|
|
|
|
|
|
|
|
$state-warning-text: #8a6d3b !default;
|
|
|
|
$state-warning-bg: #fcf8e3 !default;
|
|
|
|
|
|
|
|
$state-danger-text: #a94442 !default;
|
|
|
|
$state-danger-bg: #f2dede !default;
|
|
|
|
|
|
|
|
$screen-md: 992px !default;
|
|
|
|
$screen-md-min: $screen-md !default;
|
|
|
|
|
|
|
|
$screen-sm: 768px !default;
|
|
|
|
$screen-sm-min: $screen-sm !default;
|
|
|
|
|
|
|
|
$grid-gutter-width: 30px !default;
|