Ghost/core/client/assets/sass/helpers/variables.scss

80 lines
1.6 KiB
SCSS
Raw Normal View History

//
// Colours
// --------------------------------------------------
$darkgrey: #242628;
$grey: #35393b;
$midgrey: #7d878a;
$lightgrey: #e2edf2;
$lightestgrey: #FCFCFC;
$brown: #aaa9a2;
$midbrown: #c0bfb6;
$lightbrown: #edece4;
$blue: #5BA4E5;
$red: #e25440;
$orange: #F2A925;
$green: #9FBB58;
2014-07-31 19:06:25 +04:00
$list-colours:
('darkgrey' $darkgrey)
('grey' $grey)
('midgrey' $midgrey)
('lightgrey' $lightgrey)
('brown' $brown)
('midbrown' $midbrown)
('lightbrown' $lightbrown)
('blue' $blue)
('red' $red)
('orange' $orange)
('green' $green);
//
// Styles
// --------------------------------------------------
$rounded: 3px;
$shadow: rgba(0,0,0,0.05) 0 1px 5px;
$default-transition-duration: 0.3s;
$side-outlet-transition-duration: 0.4s;
$font-family: 'Open Sans', sans-serif;
$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;