-
-
Notifications
You must be signed in to change notification settings - Fork 200
/
_variables.scss
142 lines (125 loc) · 4.43 KB
/
_variables.scss
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
//
// Color system
// --------------------------------------------------
$white: #ffffff !default;
$gray-100: #f8f8f8 !default;
$gray-200: #e9e9e9 !default;
$gray-300: #dedede !default;
$gray-400: #cecece !default;
$gray-500: #ababab !default;
$gray-600: #6c6c6c !default;
$gray-700: #494949 !default;
$gray-800: #313131 !default;
$gray-900: #212121 !default;
$black: #000000 !default;
$primary: #577760 !default;
$secondary: #514553 !default;
$tertiary: #758c7f !default;
$quaternary: #2d1e2f !default;
$default: #eaebec !default;
$success: #5cb85c !default;
$info: #319fc0 !default;
$warning: #f0ad4e !default;
$danger: #d9534f !default;
$lighter: $gray-100 !default;
$light: $gray-200 !default;
$dark: $gray-800 !default;
$darker: $gray-900 !default;
$theme-colors: (
'primary': $primary,
'secondary': $secondary,
'tertiary': $tertiary,
'quaternary': $quaternary,
'success': $success,
'info': $info,
'warning': $warning,
'danger': $danger,
'default': $default,
'lighter': $lighter,
'light': $light,
'dark': $dark,
'darker': $darker,
) !default;
$body-bg: $white !default;
$body-color: $gray-900 !default;
//
// Options
// --------------------------------------------------
$enable-shadows: true !default;
$enable-negative-margins: true !default;
$enable-responsive-font-sizes: true !default;
//
// Fonts
// --------------------------------------------------
$font-size-base: 1rem !default;
$h1-font-size: $font-size-base * 2 !default;
$h2-font-size: $font-size-base * 1.75 !default;
$h3-font-size: $font-size-base * 1.5 !default;
$h4-font-size: $font-size-base * 1.25 !default;
$h5-font-size: $font-size-base * 1 !default;
$h6-font-size: $font-size-base * .85 !default;
$headings-font-weight: 300 !default;
$display-font-sizes: (
1: $h1-font-size * 1.5,
2: $h2-font-size * 1.5,
3: $h3-font-size * 1.5,
4: $h4-font-size * 1.5,
5: $h5-font-size * 1.5,
6: $h6-font-size * 1.5
) !default;
//
// Breakpoints
// --------------------------------------------------
$grid-float-breakpoint: 992px !default;
//
// Grid
// --------------------------------------------------
$grid-gutter-width: 40px !default;
//
// Navbar
// --------------------------------------------------
$navbar-heights: (
xs: 70px,
sm: 70px,
md: 70px,
lg: 100px,
xl: 110px,
xxl: 110px
) !default;
$navbar-dropdown-columns: (
xs: 2,
sm: 2,
md: 4,
lg: 4,
xl: 6,
xxl: 6
) !default;
//
// Cards
// --------------------------------------------------
$card-spacer-y: 1.5rem !default;
$card-spacer-x: 1.5rem !default;
//
// Pagination
// --------------------------------------------------
$pagination-color: $body-color !default;
//
// Breadcrumb
// --------------------------------------------------
$breadcrumb-padding-y: .75rem !default;
$breadcrumb-bg: $lighter !default;
//
// Accordion
//
$accordion-padding-y: 1rem !default;
$accordion-padding-x: 1.25rem !default;
$accordion-body-padding-y: $accordion-padding-x !default;
$accordion-body-padding-x: $accordion-padding-x !default;
//
// Carousel
//
$carousel-control-opacity: .8 !default;
//
// Components
//
$border-color: $gray-600 !default;