forked from btcpayserver/btcpayserver-design
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_variables.scss
180 lines (149 loc) · 6.52 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
// Disable because it breaks ChromeDriver
// https://github.com/SeleniumHQ/selenium/issues/8295
$enable-smooth-scroll: false;
$enable-reduced-motion: false;
// Bootstrap
$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);
// layout
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px
);
$border-radius: var(--btcpay-border-radius);
// components
$list-group-action-color: var(--btcpay-body-text);
$list-group-action-hover-color: var(--btcpay-body-accent);
$list-group-hover-bg: var(--btcpay-body-bg-dim);
$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);
$pagination-color: var(--btcpay-body-link);
$pagination-bg: var(--btcpay-body-bg-light);
$pagination-border-color: var(--btcpay-body-border-light);
$pagination-hover-color: $pagination-color;
$pagination-hover-bg: var(--btcpay-body-bg-hover);
$pagination-hover-border-color: $pagination-border-color;
$pagination-focus-color: $pagination-hover-color;
$pagination-focus-bg: $pagination-hover-bg;
$pagination-focus-box-shadow: 0 0 0 0.25rem var(--btcpay-body-shadow);
$pagination-active-color: var(--btcpay-body-text-active);
$pagination-active-bg: var(--btcpay-body-bg-active);
$pagination-active-border-color: var(--btcpay-body-border-medium);
$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);
$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: $dropdown-link-color;
$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);
$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;
$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-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-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-form-text);
$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 0.25rem var(--btcpay-form-shadow-focus);
$form-check-input-bg: var(--btcpay-form-bg);
$form-check-input-border: 1px solid var(--btcpay-form-border);
$form-check-input-focus-border: $input-focus-border-color;
$form-check-input-focus-box-shadow: $input-focus-box-shadow;
$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-disabled-bg: var(--btcpay-form-bg-disabled);
$input-group-addon-color: var(--btcpay-form-text-addon);
$input-group-addon-bg: 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-arrow-color: var(--btcpay-bg-tile);
$popover-arrow-outer-color: $popover-border-color;
$offcanvas-color: var(--btcpay-body-text);
$offcanvas-bg-color: var(--btcpay-bg-tile);
$link-color: var(--btcpay-body-link);
$link-decoration: none;
$link-hover-color: var(--btcpay-body-link-accent);
$link-hover-decoration: underline;
$pre-color: var(--btcpay-pre-text);
$code-color: var(--btcpay-code-text);
$kbd-color: $code-color;
$kbd-bg: var(--btcpay-code-bg);
$nav-link-color: var(--btcpay-nav-link);
$nav-link-hover-color: var(--btcpay-nav-link-accent);
$table-th-font-weight: var(--btcpay-font-weight-normal);
$hr-height: 3px;
$btn-close-color: var(--btcpay-body-text);
$btn-close-bg: none;