refactoring
This commit is contained in:
parent
04c908a175
commit
5032f1f22d
8 changed files with 34 additions and 15 deletions
41
assets/scss/utilities/_variables.scss
Executable file
41
assets/scss/utilities/_variables.scss
Executable file
|
@ -0,0 +1,41 @@
|
|||
/**
|
||||
* Custom variables
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Base values
|
||||
*/
|
||||
|
||||
$base-colour: #444;
|
||||
$base-background-colour: #fff;
|
||||
$base-font-stack: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
$base-font-size: 16;
|
||||
$base-line-height: 1.5;
|
||||
$base-spacing-unit: ($base-font-size * $base-line-height) * 1px;
|
||||
|
||||
|
||||
/**
|
||||
* Breakpoints
|
||||
*/
|
||||
|
||||
$breakpoint-sm: 768px;
|
||||
$breakpoint-md: 992px;
|
||||
$breakpoint-lg: 1200px;
|
||||
|
||||
$breakpoints: (
|
||||
'lg' '(min-width: ' + $breakpoint-lg + ')',
|
||||
'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',
|
||||
'sm' '(min-width: ' + $breakpoint-sm + ') and (max-width:' + ($breakpoint-md - 1) + ')',
|
||||
'xs' '(max-width: ' + ($breakpoint-sm - 1) + ')'
|
||||
);
|
||||
|
||||
|
||||
/**
|
||||
* Grid
|
||||
*/
|
||||
|
||||
$grid-max-width: 1200px;
|
||||
$grid-columns: 12;
|
||||
$grid-gutter: $base-spacing-unit;
|
Loading…
Add table
Add a link
Reference in a new issue