41 lines
No EOL
733 B
SCSS
41 lines
No EOL
733 B
SCSS
// @import 'include-media/dist/_include-media';
|
|
|
|
// Breakpoints
|
|
$breakpoints: (small: 320px, medium: 800px, large: 1024px);
|
|
$medium-screen: 800px;
|
|
|
|
// Sizing
|
|
$unit: 8px;
|
|
|
|
// Colors
|
|
$grey-00: #444;
|
|
$grey-10: #777;
|
|
$grey-50: #888;
|
|
$grey-70: #C6C6C6;
|
|
$grey-80: #E9E9E9;
|
|
$grey-90: #F5F5F5;
|
|
$background-color: $grey-90;
|
|
|
|
$blue: #61B3FF;
|
|
$red: #FF6161;
|
|
$error: #D13A3A;
|
|
|
|
// Font weight
|
|
$normal: 400;
|
|
$medium: 500;
|
|
$bold: 600;
|
|
|
|
// Font size
|
|
$font-small: 11px;
|
|
$font-button: 15px;
|
|
$font-regular: 16px;
|
|
$font-large: 21px;
|
|
$font-xlarge: 24px;
|
|
|
|
// Scale factors
|
|
$scale-wide: scale(1.05, 1.05);
|
|
$scale-tall: scale(1.012, 1.012);
|
|
|
|
// Shadows
|
|
$hover-stroke: 1px solid rgba(0, 0, 0, 0.1);
|
|
$hover-shadow: rgba(0, 0, 0, 0.08) 0px 0px 14px; |