29 lines
742 B
SCSS
29 lines
742 B
SCSS
// Size
|
|
$document-width--small: 320px;
|
|
$document-width--medium: 768px;
|
|
$document-width--large: $document-width--medium;
|
|
$document-width--xlarge: $document-width--medium;
|
|
|
|
// Color
|
|
$color-primary: #ffffff;
|
|
|
|
$color-font-base: #494949;
|
|
$color-font-white: #f6f6f6;
|
|
$color-grey: #a0a0a0;
|
|
$color-medium-grey: #b9b9b9;
|
|
|
|
$font-base-size: 16px;
|
|
|
|
$border-base-color: $color-grey;
|
|
|
|
// Breakpoints
|
|
$breakpoints: (
|
|
'small': 'screen and (max-width: #{$document-width--small})',
|
|
'medium': 'screen and (max-width: #{$document-width--medium})',
|
|
'large': 'screen and (max-width: #{$document-width--large})',
|
|
// 'xlarge': 'screen and (max-width: #{$document-width--xlarge})',
|
|
) !default;
|
|
|
|
|
|
// Easing
|
|
$ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
|