64 lines
1.2 KiB
SCSS
Executable File
64 lines
1.2 KiB
SCSS
Executable File
/**
|
|
* Colours
|
|
*/
|
|
|
|
$base-colour: #444;
|
|
$base-background-colour: #fff;
|
|
|
|
$brand-colour: #444; // Example
|
|
$success-colour: #5CB85C;
|
|
$info-colour: $brand-colour;
|
|
$warning-colour: #F0AD4E;
|
|
$danger-colour: #D9534F;
|
|
|
|
|
|
/**
|
|
* Typography
|
|
*/
|
|
|
|
$sans-serif-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
$serif-font-family: Georgia, "Times New Roman", Times, serif;
|
|
$base-font-family: $sans-serif-font-family;
|
|
|
|
$base-font-size: 16;
|
|
$base-line-height: 1.5;
|
|
$base-spacing-unit: ($base-font-size * $base-line-height) * 1px;
|
|
|
|
|
|
/**
|
|
* Breakpoints
|
|
*/
|
|
|
|
$breakpoint-lg: 1200px;
|
|
$breakpoint-md: 768px;
|
|
$breakpoint-sm: 480px;
|
|
|
|
$breakpoints: (
|
|
'lg' '(min-width: ' + $breakpoint-lg + ')',
|
|
'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',
|
|
'sm' '(max-width:' + ($breakpoint-md - 1) + ')',
|
|
'xs' '(max-width: ' + $breakpoint-sm + ')'
|
|
);
|
|
|
|
|
|
/**
|
|
* Grid
|
|
*/
|
|
|
|
$grid-max-width: 1200px;
|
|
$grid-columns: 12;
|
|
$grid-gutter: $base-spacing-unit;
|
|
|
|
|
|
/**
|
|
* Components
|
|
*/
|
|
|
|
$border-radius: 3px;
|
|
|
|
/**
|
|
* Animations
|
|
*/
|
|
$animation-speed: 250ms;
|
|
$animation: ease-in-out;
|