hensei-web/styles/variables.scss
2022-02-02 23:34:38 -08:00

36 lines
No EOL
608 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-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);