-
Notifications
You must be signed in to change notification settings - Fork 10
/
_variables.scss
254 lines (208 loc) · 9.31 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
// Disable because it breaks ChromeDriver
// https://github.com/SeleniumHQ/selenium/issues/8295
$enable-smooth-scroll: false;
$enable-reduced-motion: false;
$enable-dark-mode: false;
// Bootstrap
$prefix: btcpay-;
$font-size-root: 16px;
$font-size-base: .875rem;
$font-size-sm: .75rem;
$font-size-lg: 1rem;
$font-family-sans-serif: var(--btcpay-font-family-base);
$font-family-monospace: var(--btcpay-font-family-monospace);
$font-family-base: var(--btcpay-font-family-base);
$font-family-code: var(--btcpay-font-family-monospace);
$font-weight-normal: var(--btcpay-font-weight-normal);
$font-weight-bold: var(--btcpay-font-weight-bold);
$line-height-base: 1.6;
$headings-font-weight: $font-weight-bold;
$lead-font-weight: $font-weight-normal;
// Remove default colors
$colors: ();
$grays: ();
// layout
$border-radius-sm: var(--btcpay-border-radius);
$border-radius: var(--btcpay-border-radius);
$border-radius-lg: var(--btcpay-border-radius-l);
$border-radius-xl: var(--btcpay-border-radius-xl);
$border-radius-xxl: var(--btcpay-border-radius-xxl);
$border-color: var(--btcpay-body-border-light);
$blockquote-footer-color: var(--btcpay-body-text-muted);
$btn-link-disabled-color: var(--btcpay-body-text-muted);
$input-placeholder-color: var(--btcpay-body-text-muted);
$nav-link-disabled-color: var(--btcpay-body-text-muted);
// components
$alert-padding-y: .75rem;
$alert-link-font-weight: var(--btcpay-font-weight-normal);
$breadcrumb-margin-bottom: var(--btcpay-space-m);
$breadcrumb-divider-color: var(--btcpay-body-text);
$breadcrumb-active-color: var(--btcpay-body-text);
$breadcrumb-divider: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='#8F979E'/></svg>");
$table-bg: transparent;
$table-striped-color: var(--btcpay-body-text);
$table-striped-bg: var(--btcpay-body-bg-striped);
$table-hover-color: var(--btcpay-body-text-hover);
$table-hover-bg: var(--btcpay-body-bg-hover);
$table-active-color: var(--btcpay-body-text-active);
$table-active-bg: var(--btcpay-body-bg-active);
$table-group-separator-color: var(--btcpay-body-border-medium);
$table-th-font-weight: var(--btcpay-font-weight-normal);
$pagination-padding-x: var(--btcpay-space-s);
$pagination-padding-y: var(--btcpay-space-s);
$pagination-color: var(--btcpay-body-text-muted);
$pagination-bg: var(--btcpay-body-bg);
$pagination-border-color: transparent;
$pagination-hover-color: var(--btcpay-body-text);
$pagination-hover-bg: var(--btcpay-body-bg);
$pagination-hover-border-color: $pagination-border-color;
$pagination-focus-color: $pagination-hover-color;
$pagination-focus-bg: $pagination-hover-bg;
$pagination-focus-box-shadow: none;
$pagination-active-color: var(--btcpay-body-text-active);
$pagination-active-bg: var(--btcpay-body-bg-active);
$pagination-active-hover-bg: var(--btcpay-primary-bg-active);
$pagination-active-border-color: transparent;
$pagination-disabled-color: var(--btcpay-body-text-muted);
$pagination-disabled-bg: $pagination-bg;
$pagination-disabled-border-color: $pagination-border-color;
$modal-content-color: var(--btcpay-body-text);
$modal-content-bg: var(--btcpay-bg-tile);
$modal-content-border-color: var(--btcpay-border-color);
$modal-backdrop-bg: $modal-content-bg;
$modal-transition: transform var(--btcpay-transition-duration-default) cubic-bezier(.175,.855,.32,1.275);
$modal-fade-transform: translate(0, -.5rem);
$modal-backdrop-opacity: .85;
$dropdown-color: var(--btcpay-body-text);
$dropdown-bg: var(--btcpay-body-bg);
$dropdown-border-color: var(--btcpay-body-border-medium);
$dropdown-link-color: var(--btcpay-body-text);
$dropdown-link-hover-color: $dropdown-link-color;
$dropdown-link-hover-bg: var(--btcpay-body-bg-hover);
$dropdown-link-active-color: var(--btcpay-body-text-active);
$dropdown-link-active-bg: var(--btcpay-body-bg-active);
$dropdown-link-disabled-color: var(--btcpay-body-text-muted);
$dropdown-dark-color: var(--btcpay-white);
$dropdown-dark-bg: var(--btcpay-bg-tile);
$dropdown-dark-border-color: var(--btcpay-neutral-900);
$dropdown-dark-link-color: $dropdown-dark-color;
$dropdown-dark-link-disabled-color: var(--btcpay-body-text-muted);
$dropdown-header-color: var(--btcpay-body-text-muted);
$navbar-padding-y: 1rem;
$nav-tabs-border-color: var(--btcpay-body-border-medium);
$nav-tabs-link-hover-border-color: var(--btcpay-body-border-medium);
$nav-tabs-link-active-color: var(--btcpay-body-text-active);
$nav-tabs-link-active-bg: var(--btcpay-body-bg-active);
$nav-tabs-link-active-border-color: $nav-tabs-link-hover-border-color;
$nav-pills-link-active-color: var(--btcpay-primary-text);
$nav-pills-link-active-bg: var(--btcpay-primary);
$list-group-color: var(--btcpay-body-text);
$list-group-bg: var(--btcpay-body-bg);
$list-group-hover-bg: var(--btcpay-body-bg-hover);
$list-group-border-color: var(--btcpay-body-border-medium);
$list-group-active-color: var(--btcpay-body-text);
$list-group-active-bg: var(--btcpay-body-bg-medium);
$list-group-active-border-color: $list-group-border-color;
$list-group-disabled-color: var(--btcpay-body-text-muted);
$list-group-action-color: var(--btcpay-body-text);
$list-group-action-hover-color: $list-group-action-color;
$list-group-action-active-color: $list-group-active-color;
$list-group-action-active-bg: $list-group-active-bg;
$accordion-bg: transparent;
$accordion-border-width: 0;
$accordion-border-radius: 0;
$accordion-border-color: transparent;
$accordion-button-color: var(--btcpay-body-text);
$accordion-button-bg: transparent;
$accordion-button-padding-x: 0;
$accordion-button-padding-y: 1.5rem;
$accordion-button-focus-border-color: $accordion-border-color;
$accordion-button-focus-box-shadow: none;
$accordion-button-active-color: $accordion-button-color;
$accordion-button-active-bg: transparent;
$accordion-body-padding-x: 0;
$accordion-button-icon: none;
$accordion-button-active-icon: none;
$form-label-color: var(--btcpay-form-text-label);
$form-text-color: var(--btcpay-body-text-muted);
$form-text-font-size: var(--btcpay-font-size-base);
$form-file-button-hover-bg: var(--btcpay-form-bg-hover);
$input-color: var(--btcpay-form-text);
$input-bg: var(--btcpay-form-bg);
$input-border-color: var(--btcpay-form-border);
$input-disabled-bg: var(--btcpay-form-bg-disabled);
$input-disabled-border-color: var(--btcpay-form-border-disabled);
$input-focus-bg: $input-bg;
$input-focus-border-color: var(--btcpay-form-border-focus);
$input-focus-box-shadow: 0 0 0 1px var(--btcpay-form-border-focus) inset;
$form-check-input-width: 1.25em;
$form-check-input-bg: transparent;
$form-check-input-border: 2px solid var(--btcpay-form-border-check);
$form-check-input-focus-border: $input-focus-border-color;
$form-check-input-focus-box-shadow: 0 0 0 2px var(--btcpay-form-shadow-focus);
$form-check-margin-bottom: 1rem;
$form-check-padding-start: $form-check-input-width+.75em;
$form-range-track-bg: var(--btcpay-form-border);
$form-range-thumb-focus-box-shadow: $input-focus-box-shadow;
$form-range-thumb-disabled-bg: var(--btcpay-form-bg-disabled);
$form-select-indicator-color: #6E7681;
$form-select-disabled-bg: var(--btcpay-form-bg-disabled);
$form-select-focus-box-shadow: $input-focus-box-shadow;
$form-switch-width: 2.5em;
$input-group-addon-color: var(--btcpay-form-text-addon);
$input-group-addon-bg: var(--btcpay-form-bg-addon);
$input-group-addon-border-color: var(--btcpay-form-bg-addon);
$card-color: var(--btcpay-body-text);
$card-bg: var(--btcpay-bg-tile);
$card-border-color: var(--btcpay-body-border-medium);
$card-border-radius: 8px;
$card-cap-color: var(--btcpay-body-text);
$card-cap-bg: var(--btcpay-body-bg-light);
$thumbnail-bg: var(--btcpay-bg-tile);
$thumbnail-border-color: var(--btcpay-body-border-medium);
$toast-color: var(--btcpay-body-text);
$toast-background-color: var(--btcpay-bg-tile);
$toast-border-color: var(--btcpay-body-border-medium);
$toast-header-color: var(--btcpay-body-text-muted);
$toast-header-background-color: var(--btcpay-body-bg-light);
$toast-header-border-color: $toast-header-background-color;
$popover-border-color: var(--btcpay-body-border-medium);
$popover-header-bg: var(--btcpay-bg-tile);
$popover-bg: var(--btcpay-bg-tile);
$link-decoration: none;
$link-hover-decoration: none;
$pre-color: var(--btcpay-pre-text);
$kbd-color: var(--btcpay-code-text);
$kbd-bg: var(--btcpay-code-bg);
$nav-link-color: var(--btcpay-nav-link);
$nav-link-hover-color: var(--btcpay-nav-link-accent);
$btn-close-color: var(--btcpay-body-text);
$btn-close-bg: none;
$btn-font-weight: var(--btcpay-font-weight-semibold);
$input-btn-focus-width: 2px;
$input-btn-padding-y: .5rem;
$input-padding-x: 1rem;
$btn-padding-x: 1.5rem;
$input-btn-padding-y-sm: .5rem;
$input-padding-x-sm: 1rem;
$btn-padding-x-sm: 1.5rem;
$input-btn-padding-y-lg: 1rem;
$input-padding-x-lg: 1.25rem;
$btn-padding-x-lg: 2rem;
$badge-padding-y: .5em;
$badge-padding-x: .75em;
$badge-font-size: var(--btcpay-font-size-s);
$badge-font-weight: var(--btcpay-font-weight-semibold);
$offcanvas-bg-color: var(--btcpay-bg-tile);
$offcanvas-padding-x: 0;
$offcanvas-padding-y: .5rem;
$offcanvas-vertical-height: auto;
$offcanvas-box-shadow: none;
$offcanvas-transition-duration: var(--btcpay-transition-duration-default);
$box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
$box-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);
$box-shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);
$progress-bar-bg: var(--btcpay-primary);
$tooltip-color: var(--btcpay-body-text);
$tooltip-bg: var(--btcpay-bg-tile);
$tooltip-opacity: .95;