1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
$secondary-color: #FD3519
$primary-color: #F6EB0F
$dark-blue: #112F41
$lighter-blue: hsl(203, 59%, 36%)
$other-dark-blue: hsl(203, 59%, 19%)
$grey-900: hsl(210, 15%, 25%) // #364049
$grey-800: hsl(210, 15%, 28%) // #3D4752
$grey-700: hsl(210, 15%, 43%) // #5D6E7E
$grey-600: hsl(210, 15%, 58%) // #8494A4
$grey-500: hsl(210, 15%, 76%) // #B9C2CB
$grey-400: hsl(210, 15%, 88%) // #DCE0E5
$grey-300: hsl(210, 15%, 93%) // #EAEDF0
$grey-200: hsl(210, 15%, 96%) // #F3F5F6
$grey-100: hsl(210, 15%, 99%) // #FCFCFD
$font-family_header: "Montserrat", "Helvetica Neue", sans-serif
$letter-spacing_header: 0.02em
$font-family_main: "Raleway", "Helvetica Neue", sans-serif
$line-height_main: 1.5em
$line-height_main_mobile: 1.7em
$line-height_menu: 1.9em
$line-height_h: 1.5em
$sidebar-width: 30%
$content-width: 70%
$sidebar-width-tablet: 40%
$content-width-tablet: 60%
$padding-content: 35px 45px
$padding-content_mobile: 0px 45px 35px
$margin-blocks: 30px
$font-size_small: 13px
$font-size_medium: 14px
$font-size_main: 16px
$font-size_main_large: 18px
$font-size_h4: 20px
$font-size_h3: 24px
$font-size_h2: 30px
$font-size_h1: 36px
$font-size_h0: 48px
$font-weight_main: 400
$font-weight_h1: 600
$font-weight_h2: 600
$font-weight_h3: 500
$font-weight_h4: 500
$footer-background-color: $dark-blue
$box-shadow: 0 0 5px $dark-blue
$max-width-content: 35em
// Media Query sizes
$tablet-width: 768px
$desktop-width: 1024px
|
