@dialpad/dialtone 6.6.0 → 6.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +41 -0
- package/lib/build/less/components/avatar.less +68 -56
- package/lib/build/less/components/badge.less +39 -28
- package/lib/build/less/components/banner.less +33 -36
- package/lib/build/less/components/breadcrumbs.less +7 -8
- package/lib/build/less/components/button.less +53 -56
- package/lib/build/less/components/forms.less +24 -28
- package/lib/build/less/components/input.less +69 -42
- package/lib/build/less/components/link.less +12 -15
- package/lib/build/less/components/list-group.less +5 -5
- package/lib/build/less/components/modal.less +39 -49
- package/lib/build/less/components/notice.less +27 -29
- package/lib/build/less/components/radio-checkbox.less +73 -66
- package/lib/build/less/components/selects.less +27 -23
- package/lib/build/less/components/table.less +14 -17
- package/lib/build/less/components/tabs.less +30 -31
- package/lib/build/less/components/toast.less +39 -40
- package/lib/build/less/components/tooltip.less +21 -22
- package/lib/build/less/dialtone-globals.less +11 -3
- package/lib/build/less/dialtone-reset.less +11 -11
- package/lib/build/less/dialtone-variables.less +8 -8
- package/lib/build/less/dialtone.less +37 -35
- package/lib/build/less/themes/default.less +9 -9
- package/lib/build/less/themes/example.less +4 -4
- package/lib/build/less/utilities/backgrounds.less +89 -86
- package/lib/build/less/utilities/borders.less +101 -87
- package/lib/build/less/utilities/colors.less +91 -80
- package/lib/build/less/utilities/effects.less +83 -63
- package/lib/build/less/utilities/flex.less +107 -107
- package/lib/build/less/utilities/grid.less +146 -146
- package/lib/build/less/utilities/interactivity.less +27 -27
- package/lib/build/less/utilities/internals.less +46 -46
- package/lib/build/less/utilities/layout.less +82 -81
- package/lib/build/less/utilities/responsive.less +6 -6
- package/lib/build/less/utilities/sizing.less +97 -97
- package/lib/build/less/utilities/spacing.less +26 -26
- package/lib/build/less/utilities/svg.less +9 -1
- package/lib/build/less/utilities/typography.less +122 -111
- package/lib/build/less/variables/colors.less +8 -8
- package/lib/build/less/variables/sizes.less +8 -8
- package/lib/build/less/variables/spacing.less +1 -1
- package/lib/build/less/variables/typography.less +8 -9
- package/lib/build/less/variables/visual-styles.less +27 -27
- package/lib/build/svg/brand/play-store-badge.svg +63 -1
- package/lib/build/svg/spot/browser-list-callout.svg +57 -0
- package/lib/build/svg/spot/browser-table-graph.svg +111 -0
- package/lib/build/svg/system/raise-hand.svg +1 -1
- package/lib/build/svg/system/thumb-down.svg +3 -0
- package/lib/build/svg/system/thumb-up.svg +3 -0
- package/lib/dist/css/dialtone.css +134 -128
- package/lib/dist/css/dialtone.min.css +1 -1
- package/lib/dist/svg/brand/play-store-badge.svg +1 -1
- package/lib/dist/svg/spot/browser-list-callout.svg +1 -0
- package/lib/dist/svg/spot/browser-table-graph.svg +1 -0
- package/lib/dist/svg/system/raise-hand.svg +1 -1
- package/lib/dist/svg/system/thumb-down.svg +1 -0
- package/lib/dist/svg/system/thumb-up.svg +1 -0
- package/lib/dist/vue/icons/IconPlayStoreBadge.vue +1 -1
- package/lib/dist/vue/icons/IconRaiseHand.vue +1 -1
- package/lib/dist/vue/icons/IconThumbDown.vue +3 -0
- package/lib/dist/vue/icons/IconThumbUp.vue +3 -0
- package/lib/dist/vue/spot/SpotBrowserListCallout.vue +3 -0
- package/lib/dist/vue/spot/SpotBrowserTableGraph.vue +3 -0
- package/package.json +17 -3
|
@@ -42,18 +42,26 @@
|
|
|
42
42
|
// ============================================================================
|
|
43
43
|
// $ FONT FAMILY
|
|
44
44
|
// ----------------------------------------------------------------------------
|
|
45
|
-
.d-ff-custom
|
|
46
|
-
.d-ff-sans
|
|
47
|
-
.d-ff-mono
|
|
48
|
-
.d-ff-marketing
|
|
49
|
-
.d-ff-marketing-semi-expanded
|
|
50
|
-
.d-ff-marketing-expanded
|
|
51
|
-
.d-ff-unset
|
|
45
|
+
.d-ff-custom { font-family: @ff-custom !important; }
|
|
46
|
+
.d-ff-sans { font-family: @ff-sans !important; }
|
|
47
|
+
.d-ff-mono { font-family: @ff-mono !important; }
|
|
48
|
+
.d-ff-marketing { font-family: @ff-marketing !important; }
|
|
49
|
+
.d-ff-marketing-semi-expanded { font-family: @ff-marketing-semi-expanded !important; }
|
|
50
|
+
.d-ff-marketing-expanded { font-family: @ff-marketing-expanded !important; }
|
|
51
|
+
.d-ff-unset { font-family: unset !important; }
|
|
52
52
|
|
|
53
53
|
// ============================================================================
|
|
54
54
|
// $ RESET HEADERS & PARAGRAPH MARGINS
|
|
55
55
|
// ----------------------------------------------------------------------------
|
|
56
|
-
h1,
|
|
56
|
+
h1,
|
|
57
|
+
h2,
|
|
58
|
+
h3,
|
|
59
|
+
h4,
|
|
60
|
+
h5,
|
|
61
|
+
h6,
|
|
62
|
+
p,
|
|
63
|
+
ol,
|
|
64
|
+
ul {
|
|
57
65
|
margin-top: var(--su0);
|
|
58
66
|
margin-bottom: var(--su0);
|
|
59
67
|
}
|
|
@@ -61,73 +69,73 @@ h1, h2, h3, h4, h5, h6, p, ol, ul {
|
|
|
61
69
|
// ============================================================================
|
|
62
70
|
// $ FONT SIZE
|
|
63
71
|
// ----------------------------------------------------------------------------
|
|
64
|
-
.d-fs10
|
|
65
|
-
.d-fs11
|
|
66
|
-
.d-fs12
|
|
67
|
-
.d-fs14
|
|
68
|
-
.d-fs16
|
|
69
|
-
.d-fs18
|
|
70
|
-
.d-fs20
|
|
71
|
-
.d-fs24
|
|
72
|
-
.d-fs28
|
|
73
|
-
.d-fs32
|
|
74
|
-
.d-fs36
|
|
75
|
-
.d-fs42
|
|
76
|
-
.d-fs48
|
|
77
|
-
.d-fs54
|
|
78
|
-
|
|
79
|
-
.d-headline10
|
|
80
|
-
.d-headline24
|
|
81
|
-
.d-headline28
|
|
82
|
-
.d-headline32
|
|
83
|
-
.d-headline36
|
|
84
|
-
.d-headline42
|
|
85
|
-
.d-headline48
|
|
86
|
-
.d-headline54
|
|
87
|
-
|
|
88
|
-
.d-fs-unset
|
|
72
|
+
.d-fs10 { font-size: var(--fs10) !important; }
|
|
73
|
+
.d-fs11 { font-size: var(--fs11) !important; }
|
|
74
|
+
.d-fs12 { font-size: var(--fs12) !important; }
|
|
75
|
+
.d-fs14 { font-size: var(--fs14) !important; }
|
|
76
|
+
.d-fs16 { font-size: var(--fs16) !important; }
|
|
77
|
+
.d-fs18 { font-size: var(--fs18) !important; }
|
|
78
|
+
.d-fs20 { font-size: var(--fs20) !important; }
|
|
79
|
+
.d-fs24 { font-size: var(--fs24) !important; }
|
|
80
|
+
.d-fs28 { font-size: var(--fs28) !important; }
|
|
81
|
+
.d-fs32 { font-size: var(--fs32) !important; }
|
|
82
|
+
.d-fs36 { font-size: var(--fs36) !important; }
|
|
83
|
+
.d-fs42 { font-size: var(--fs42) !important; }
|
|
84
|
+
.d-fs48 { font-size: var(--fs48) !important; }
|
|
85
|
+
.d-fs54 { font-size: var(--fs54) !important; }
|
|
86
|
+
|
|
87
|
+
.d-headline10 { .d-fs10(); font-weight: @headline-weight; .d-tt-uppercase(); }
|
|
88
|
+
.d-headline24 { .d-fs24(); font-weight: @headline-weight !important; }
|
|
89
|
+
.d-headline28 { .d-fs28(); font-weight: @headline-weight !important; }
|
|
90
|
+
.d-headline32 { .d-fs32(); font-weight: @headline-weight !important; }
|
|
91
|
+
.d-headline36 { .d-fs36(); font-weight: @headline-weight !important; }
|
|
92
|
+
.d-headline42 { .d-fs42(); font-weight: @headline-weight !important; }
|
|
93
|
+
.d-headline48 { .d-fs48(); font-weight: @headline-weight !important; }
|
|
94
|
+
.d-headline54 { .d-fs54(); font-weight: @headline-weight !important; }
|
|
95
|
+
|
|
96
|
+
.d-fs-unset { font-size: unset !important; }
|
|
89
97
|
|
|
90
98
|
|
|
91
99
|
// ============================================================================
|
|
92
100
|
// $$ FONT STYLE
|
|
93
101
|
// ----------------------------------------------------------------------------
|
|
94
|
-
.d-fs-normal
|
|
95
|
-
.d-fs-italic
|
|
96
|
-
.d-fs-unset
|
|
102
|
+
.d-fs-normal { font-style: normal !important; }
|
|
103
|
+
.d-fs-italic { font-style: italic !important; }
|
|
104
|
+
.d-fs-unset { font-style: unset !important; }
|
|
97
105
|
|
|
98
106
|
|
|
99
107
|
// ============================================================================
|
|
100
108
|
// $$ FONT WEIGHT
|
|
101
109
|
// ----------------------------------------------------------------------------
|
|
102
|
-
.d-fw-thin
|
|
103
|
-
.d-fw-light
|
|
104
|
-
.d-fw-normal
|
|
105
|
-
.d-fw-medium
|
|
106
|
-
.d-fw-semibold
|
|
107
|
-
.d-fw-bold
|
|
108
|
-
.d-fw-black
|
|
109
|
-
.d-fw-unset
|
|
110
|
+
.d-fw-thin { font-weight: var(--fw-thin) !important; }
|
|
111
|
+
.d-fw-light { font-weight: var(--fw-light) !important; }
|
|
112
|
+
.d-fw-normal { font-weight: var(--fw-normal) !important; }
|
|
113
|
+
.d-fw-medium { font-weight: var(--fw-medium) !important; }
|
|
114
|
+
.d-fw-semibold { font-weight: var(--fw-semibold) !important; }
|
|
115
|
+
.d-fw-bold { font-weight: var(--fw-bold) !important; }
|
|
116
|
+
.d-fw-black { font-weight: var(--fw-black) !important; }
|
|
117
|
+
.d-fw-unset { font-weight: unset !important; }
|
|
110
118
|
|
|
111
119
|
|
|
112
120
|
// ============================================================================
|
|
113
121
|
// $ LINE HEIGHT
|
|
114
122
|
// ----------------------------------------------------------------------------
|
|
115
|
-
.d-lh0
|
|
116
|
-
.d-lh1
|
|
117
|
-
.d-lh2
|
|
118
|
-
.d-lh4
|
|
119
|
-
.d-lh6
|
|
120
|
-
.d-lh8
|
|
121
|
-
.d-lh12
|
|
122
|
-
.d-lh16
|
|
123
|
-
.d-lh20
|
|
124
|
-
.d-lh24
|
|
125
|
-
.d-lh-tighter
|
|
126
|
-
.d-lh-tight
|
|
127
|
-
.d-lh-normal
|
|
128
|
-
.d-lh-loose
|
|
129
|
-
.d-lh-looser
|
|
130
|
-
.d-lh-unset
|
|
123
|
+
.d-lh0 { line-height: var(--lh0) !important; }
|
|
124
|
+
.d-lh1 { line-height: var(--lh1) !important; }
|
|
125
|
+
.d-lh2 { line-height: var(--lh2) !important; }
|
|
126
|
+
.d-lh4 { line-height: var(--lh4) !important; }
|
|
127
|
+
.d-lh6 { line-height: var(--lh6) !important; }
|
|
128
|
+
.d-lh8 { line-height: var(--lh8) !important; }
|
|
129
|
+
.d-lh12 { line-height: var(--lh12) !important; }
|
|
130
|
+
.d-lh16 { line-height: var(--lh16) !important; }
|
|
131
|
+
.d-lh20 { line-height: var(--lh20) !important; }
|
|
132
|
+
.d-lh24 { line-height: var(--lh24) !important; }
|
|
133
|
+
.d-lh-tighter { line-height: var(--lh-tighter) !important; }
|
|
134
|
+
.d-lh-tight { line-height: var(--lh-tight) !important; }
|
|
135
|
+
.d-lh-normal { line-height: var(--lh-normal) !important; }
|
|
136
|
+
.d-lh-loose { line-height: var(--lh-loose) !important; }
|
|
137
|
+
.d-lh-looser { line-height: var(--lh-looser) !important; }
|
|
138
|
+
.d-lh-unset { line-height: unset !important; }
|
|
131
139
|
|
|
132
140
|
|
|
133
141
|
// ============================================================================
|
|
@@ -135,99 +143,102 @@ h1, h2, h3, h4, h5, h6, p, ol, ul {
|
|
|
135
143
|
// ----------------------------------------------------------------------------
|
|
136
144
|
.d-ls-reset {
|
|
137
145
|
// We want to reset everything when applied
|
|
138
|
-
&,
|
|
146
|
+
&,
|
|
147
|
+
li,
|
|
148
|
+
ol,
|
|
149
|
+
ul {
|
|
139
150
|
margin: @su0;
|
|
140
151
|
padding: @su0;
|
|
141
152
|
.d-ls-none();
|
|
142
153
|
}
|
|
143
154
|
}
|
|
144
|
-
.d-ls-none
|
|
145
|
-
.d-lst-disc
|
|
146
|
-
.d-lst-circle
|
|
147
|
-
.d-lst-content
|
|
148
|
-
.d-lst-decimal
|
|
149
|
-
.d-lst-none
|
|
155
|
+
.d-ls-none { list-style: none !important; }
|
|
156
|
+
.d-lst-disc { list-style-type: disc !important; }
|
|
157
|
+
.d-lst-circle { list-style-type: circle !important; }
|
|
158
|
+
.d-lst-content { list-style-type: var(--ls-content) !important; }
|
|
159
|
+
.d-lst-decimal { list-style-type: decimal !important; }
|
|
160
|
+
.d-lst-none { list-style-type: none !important; }
|
|
150
161
|
|
|
151
162
|
|
|
152
163
|
// ============================================================================
|
|
153
164
|
// $$ TEXT ALIGN
|
|
154
165
|
// ----------------------------------------------------------------------------
|
|
155
|
-
.d-ta-left
|
|
156
|
-
.d-ta-right
|
|
157
|
-
.d-ta-center
|
|
158
|
-
.d-ta-justify
|
|
159
|
-
.d-ta-unset
|
|
166
|
+
.d-ta-left { text-align: left !important; }
|
|
167
|
+
.d-ta-right { text-align: right !important; }
|
|
168
|
+
.d-ta-center { text-align: center !important; }
|
|
169
|
+
.d-ta-justify { text-align: justify !important; }
|
|
170
|
+
.d-ta-unset { text-align: unset !important; }
|
|
160
171
|
|
|
161
172
|
|
|
162
173
|
// ============================================================================
|
|
163
174
|
// $$ TEXT DECORATION
|
|
164
175
|
// ----------------------------------------------------------------------------
|
|
165
|
-
.d-td-none
|
|
166
|
-
.d-td-underline
|
|
167
|
-
.d-td-dotted
|
|
168
|
-
.d-td-line-through
|
|
169
|
-
.d-td-unset
|
|
176
|
+
.d-td-none { text-decoration: none !important; }
|
|
177
|
+
.d-td-underline { text-decoration: underline !important; }
|
|
178
|
+
.d-td-dotted { text-decoration: underline dotted !important; }
|
|
179
|
+
.d-td-line-through { text-decoration: line-through !important; }
|
|
180
|
+
.d-td-unset { text-decoration: unset !important; }
|
|
170
181
|
|
|
171
182
|
|
|
172
183
|
// ============================================================================
|
|
173
184
|
// $$ TEXT OVERFLOW
|
|
174
185
|
// ----------------------------------------------------------------------------
|
|
175
|
-
.d-to-ellipsis
|
|
176
|
-
.d-to-clip
|
|
177
|
-
.d-to-unset
|
|
186
|
+
.d-to-ellipsis { text-overflow: ellipsis !important; }
|
|
187
|
+
.d-to-clip { text-overflow: clip !important; }
|
|
188
|
+
.d-to-unset { text-overflow: unset !important; }
|
|
178
189
|
|
|
179
190
|
// $$ OVERFLOW WRAP
|
|
180
191
|
// ----------------------------------------------------------------------------
|
|
181
|
-
.d-ow-normal
|
|
182
|
-
.d-ow-anywhere
|
|
183
|
-
.d-ow-break-word
|
|
184
|
-
.d-ow-unset
|
|
192
|
+
.d-ow-normal { overflow-wrap: normal !important; }
|
|
193
|
+
.d-ow-anywhere { overflow-wrap: anywhere !important; }
|
|
194
|
+
.d-ow-break-word { overflow-wrap: break-word !important; }
|
|
195
|
+
.d-ow-unset { overflow-wrap: unset !important; }
|
|
185
196
|
|
|
186
197
|
|
|
187
198
|
// ============================================================================
|
|
188
199
|
// $$ TEXT TRANSFORM
|
|
189
200
|
// ----------------------------------------------------------------------------
|
|
190
|
-
.d-tt-uppercase
|
|
191
|
-
.d-tt-lowercase
|
|
192
|
-
.d-tt-capitalize
|
|
193
|
-
.d-tt-full-width
|
|
194
|
-
.d-tt-none
|
|
195
|
-
.d-tt-unset
|
|
201
|
+
.d-tt-uppercase { text-transform: uppercase !important; }
|
|
202
|
+
.d-tt-lowercase { text-transform: lowercase !important; }
|
|
203
|
+
.d-tt-capitalize { text-transform: capitalize !important; }
|
|
204
|
+
.d-tt-full-width { text-transform: full-width !important; }
|
|
205
|
+
.d-tt-none { text-transform: none !important; }
|
|
206
|
+
.d-tt-unset { text-transform: unset !important; }
|
|
196
207
|
|
|
197
208
|
|
|
198
209
|
// ============================================================================
|
|
199
210
|
// $$ VERTICAL ALIGN
|
|
200
211
|
// ----------------------------------------------------------------------------
|
|
201
|
-
.d-va-baseline
|
|
202
|
-
.d-va-top
|
|
203
|
-
.d-va-bottom
|
|
204
|
-
.d-va-text-top
|
|
205
|
-
.d-va-text-bottom
|
|
206
|
-
.d-va-middle
|
|
207
|
-
.d-va-sub
|
|
208
|
-
.d-va-super
|
|
209
|
-
.d-va-unset
|
|
212
|
+
.d-va-baseline { vertical-align: baseline !important; }
|
|
213
|
+
.d-va-top { vertical-align: top !important; }
|
|
214
|
+
.d-va-bottom { vertical-align: bottom !important; }
|
|
215
|
+
.d-va-text-top { vertical-align: text-top !important; }
|
|
216
|
+
.d-va-text-bottom { vertical-align: text-bottom !important; }
|
|
217
|
+
.d-va-middle { vertical-align: middle !important; }
|
|
218
|
+
.d-va-sub { vertical-align: sub !important; }
|
|
219
|
+
.d-va-super { vertical-align: super !important; }
|
|
220
|
+
.d-va-unset { vertical-align: unset !important; }
|
|
210
221
|
|
|
211
222
|
|
|
212
223
|
// ============================================================================
|
|
213
224
|
// $$ WHITESPACE
|
|
214
225
|
// ----------------------------------------------------------------------------
|
|
215
|
-
.d-ws-normal
|
|
216
|
-
.d-ws-nowrap
|
|
217
|
-
.d-ws-pre
|
|
218
|
-
.d-ws-pre-line
|
|
219
|
-
.d-ws-pre-wrap
|
|
220
|
-
.d-ws-break-spaces
|
|
221
|
-
.d-ws-unset
|
|
226
|
+
.d-ws-normal { white-space: normal !important; }
|
|
227
|
+
.d-ws-nowrap { white-space: nowrap !important; }
|
|
228
|
+
.d-ws-pre { white-space: pre !important; }
|
|
229
|
+
.d-ws-pre-line { white-space: pre-line !important; }
|
|
230
|
+
.d-ws-pre-wrap { white-space: pre-wrap !important; }
|
|
231
|
+
.d-ws-break-spaces { white-space: break-spaces !important; }
|
|
232
|
+
.d-ws-unset { white-space: unset !important; }
|
|
222
233
|
|
|
223
234
|
|
|
224
235
|
// ============================================================================
|
|
225
236
|
// $$ WORD BREAK
|
|
226
237
|
// ----------------------------------------------------------------------------
|
|
227
|
-
.d-wb-normal
|
|
228
|
-
.d-wb-break-all
|
|
229
|
-
.d-wb-keep-all
|
|
230
|
-
.d-wb-unset
|
|
238
|
+
.d-wb-normal { word-break: normal !important; }
|
|
239
|
+
.d-wb-break-all { word-break: break-all !important; }
|
|
240
|
+
.d-wb-keep-all { word-break: keep-all !important; }
|
|
241
|
+
.d-wb-unset { word-break: unset !important; }
|
|
231
242
|
|
|
232
243
|
|
|
233
244
|
|
|
@@ -236,6 +247,6 @@ h1, h2, h3, h4, h5, h6, p, ol, ul {
|
|
|
236
247
|
// ----------------------------------------------------------------------------
|
|
237
248
|
.d-truncate {
|
|
238
249
|
overflow: hidden !important;
|
|
239
|
-
text-overflow: ellipsis !important;
|
|
240
250
|
white-space: nowrap !important;
|
|
251
|
+
text-overflow: ellipsis !important;
|
|
241
252
|
}
|
|
@@ -106,12 +106,12 @@
|
|
|
106
106
|
// Used on inputs, buttons, and other focusable elements.
|
|
107
107
|
// ----------------------------------------------------------------------------
|
|
108
108
|
@focus-rings: {
|
|
109
|
-
focus-ring: hsla(var(--primary-color-hsl) ~
|
|
110
|
-
focus-ring-success: hsla(var(--success-color-hsl) ~
|
|
111
|
-
focus-ring-warning: hsla(var(--warning-color-hsl) ~
|
|
112
|
-
focus-ring-error: hsla(var(--error-color-hsl) ~
|
|
113
|
-
focus-ring-muted: hsla(var(--muted-color-hsl) ~
|
|
114
|
-
focus-ring-inverted: hsla(var(--inverted-color-hsl) ~
|
|
109
|
+
focus-ring: hsla(var(--primary-color-hsl) ~' / ' 75%);
|
|
110
|
+
focus-ring-success: hsla(var(--success-color-hsl) ~' / ' 75%);
|
|
111
|
+
focus-ring-warning: hsla(var(--warning-color-hsl) ~' / ' 75%);
|
|
112
|
+
focus-ring-error: hsla(var(--error-color-hsl) ~' / ' 75%);
|
|
113
|
+
focus-ring-muted: hsla(var(--muted-color-hsl) ~' / ' 50%);
|
|
114
|
+
focus-ring-inverted: hsla(var(--inverted-color-hsl) ~' / ' 50%);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
// ============================================================================
|
|
@@ -133,8 +133,8 @@
|
|
|
133
133
|
fc-success: var(--green-600);
|
|
134
134
|
fc-error: var(--red-600);
|
|
135
135
|
fc-danger: var(--red-600);
|
|
136
|
-
fc-warning: hsla(var(--yellow-500-h) var(--yellow-500-s) calc(var(--yellow-500-l) - 20%) ~
|
|
137
|
-
fc-warning-hover: hsla(var(--yellow-500-h) var(--yellow-500-s) calc(var(--yellow-500-l) - 30%) ~
|
|
136
|
+
fc-warning: hsla(var(--yellow-500-h) var(--yellow-500-s) calc(var(--yellow-500-l) - 20%) ~' / ' var(--alpha, 100%));
|
|
137
|
+
fc-warning-hover: hsla(var(--yellow-500-h) var(--yellow-500-s) calc(var(--yellow-500-l) - 30%) ~' / ' var(--alpha, 100%));
|
|
138
138
|
fc-muted: var(--black-900);
|
|
139
139
|
fc-primary: var(--primary-color);
|
|
140
140
|
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
// Target height: 24px
|
|
23
23
|
// ----------------------------------------------------------------------------
|
|
24
24
|
.input-button-xs() {
|
|
25
|
-
padding-top:
|
|
25
|
+
padding-top: 0.5rem;
|
|
26
26
|
padding-bottom: 0.5rem;
|
|
27
|
-
font-size:
|
|
27
|
+
font-size: var(--fs12);
|
|
28
28
|
|
|
29
29
|
.d-btn__icon {
|
|
30
30
|
width: @icon-size14;
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
// Target height: 32px
|
|
37
37
|
// ----------------------------------------------------------------------------
|
|
38
38
|
.input-button-sm() {
|
|
39
|
-
padding-top:
|
|
39
|
+
padding-top: var(--su6);
|
|
40
40
|
padding-bottom: var(--su6);
|
|
41
|
-
font-size:
|
|
41
|
+
font-size: var(--fs14);
|
|
42
42
|
|
|
43
43
|
.d-btn__icon {
|
|
44
44
|
width: @icon-size16;
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
// Target height: 48px
|
|
51
51
|
// ----------------------------------------------------------------------------
|
|
52
52
|
.input-button-lg() {
|
|
53
|
-
padding-top:
|
|
53
|
+
padding-top: 1.1rem;
|
|
54
54
|
padding-bottom: 1.1rem;
|
|
55
|
-
font-size:
|
|
55
|
+
font-size: var(--fs20);
|
|
56
56
|
|
|
57
57
|
.d-btn__icon {
|
|
58
58
|
width: @icon-size20;
|
|
@@ -64,9 +64,9 @@
|
|
|
64
64
|
// Target height: 56px
|
|
65
65
|
// ----------------------------------------------------------------------------
|
|
66
66
|
.input-button-xl() {
|
|
67
|
-
padding-top:
|
|
67
|
+
padding-top: 1.3rem;
|
|
68
68
|
padding-bottom: 1.3rem;
|
|
69
|
-
font-size:
|
|
69
|
+
font-size: var(--fs24);
|
|
70
70
|
|
|
71
71
|
.d-btn__icon {
|
|
72
72
|
width: @icon-size24;
|
|
@@ -19,15 +19,15 @@
|
|
|
19
19
|
// ----------------------------------------------------------------------------
|
|
20
20
|
@define-ff-custom: @ff-inter;
|
|
21
21
|
@define-ff-custom-italic: @ff-inter-italic;
|
|
22
|
-
@define-ff-custom-name:
|
|
22
|
+
@define-ff-custom-name: 'Inter';
|
|
23
23
|
@define-ff-mono: @ff-roboto-mono;
|
|
24
|
-
@define-ff-mono-name:
|
|
24
|
+
@define-ff-mono-name: 'RobotoMono';
|
|
25
25
|
@define-ff-marketing: @ff-archivo;
|
|
26
|
-
@define-ff-marketing-name:
|
|
26
|
+
@define-ff-marketing-name: 'Archivo';
|
|
27
27
|
@define-ff-marketing-semi-expanded: @ff-archivo-semi-expanded;
|
|
28
|
-
@define-ff-marketing-semi-expanded-name:
|
|
28
|
+
@define-ff-marketing-semi-expanded-name: 'ArchivoSemiExpanded';
|
|
29
29
|
@define-ff-marketing-expanded: @ff-archivo-expanded;
|
|
30
|
-
@define-ff-marketing-expanded-name:
|
|
30
|
+
@define-ff-marketing-expanded-name: 'ArchivoExpanded';
|
|
31
31
|
@headline-weight: var(--fw-bold);
|
|
32
32
|
|
|
33
33
|
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
@ff-custom: @define-ff-custom-name, @ff-sans;
|
|
63
|
-
@ff-sans: -apple-system, BlinkMacSystemFont,
|
|
64
|
-
@ff-mono: @define-ff-mono-name,
|
|
63
|
+
@ff-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
64
|
+
@ff-mono: @define-ff-mono-name, 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
65
65
|
@ff-marketing: @define-ff-marketing-name, @ff-sans;
|
|
66
66
|
@ff-marketing-semi-expanded: @define-ff-marketing-semi-expanded-name, @ff-sans;
|
|
67
67
|
@ff-marketing-expanded: @define-ff-marketing-expanded-name, @ff-sans;
|
|
@@ -82,7 +82,6 @@
|
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
85
|
-
|
|
86
85
|
// ============================================================================
|
|
87
86
|
// $ FONT SIZES
|
|
88
87
|
// ============================================================================
|
|
@@ -175,5 +174,5 @@
|
|
|
175
174
|
fw-bold: @fw-bold;
|
|
176
175
|
fw-black: @fw-black; // Deprecated, but used as shim
|
|
177
176
|
|
|
178
|
-
ls-content:
|
|
177
|
+
ls-content: '\1F44D';
|
|
179
178
|
}
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
bs-focus-ring-inverted: @bs-focus-ring-inverted;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
@bs-sm: 0 var(--su2) var(--su4) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
33
|
-
@bs-md: 0 var(--su2) var(--su8) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
34
|
-
@bs-lg: 0 var(--su2) var(--su12) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
35
|
-
@bs-xl: 0 var(--su2) var(--su16) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
32
|
+
@bs-sm: 0 var(--su2) var(--su4) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 15%);
|
|
33
|
+
@bs-md: 0 var(--su2) var(--su8) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 25%);
|
|
34
|
+
@bs-lg: 0 var(--su2) var(--su12) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 30%);
|
|
35
|
+
@bs-xl: 0 var(--su2) var(--su16) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 30%);
|
|
36
36
|
|
|
37
|
-
@bs-card: 0 var(--su2) var(--su16) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
38
|
-
0 var(--su2) var(--su4) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
39
|
-
0 var(--su1) var(--su2) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~
|
|
37
|
+
@bs-card: 0 var(--su2) var(--su16) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 8%),
|
|
38
|
+
0 var(--su2) var(--su4) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 4%),
|
|
39
|
+
0 var(--su1) var(--su2) 0 hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l) ~' / ' 3%);
|
|
40
40
|
|
|
41
41
|
@bs-focus-ring: 0 0 0 var(--su1) var(--white), 0 0 0 0.25em var(--focus-ring);
|
|
42
42
|
@bs-focus-ring-error: 0 0 0 var(--su1) var(--white), 0 0 0 0.25em var(--focus-ring-error);
|
|
@@ -86,23 +86,23 @@
|
|
|
86
86
|
bgg-pattern-stripe-light: @bgg-pattern-stripe-light;
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
@bgg-pattern-blob-dark: url(
|
|
90
|
-
@bgg-pattern-chevrons-dark: url(
|
|
91
|
-
@bgg-pattern-crosses-dark: url(
|
|
92
|
-
@bgg-pattern-crosshatch-dark: url(
|
|
93
|
-
@bgg-pattern-dot-dash-dark: url(
|
|
94
|
-
@bgg-pattern-dots-circles-dark: url(
|
|
95
|
-
@bgg-pattern-horz-stripes-dark: url(
|
|
96
|
-
@bgg-pattern-slanted-stripes-dark: url(
|
|
97
|
-
@bgg-pattern-steps-dark: url(
|
|
98
|
-
@bgg-pattern-stripe-dark: url(
|
|
99
|
-
@bgg-pattern-blob-light: url(
|
|
100
|
-
@bgg-pattern-chevrons-light: url(
|
|
101
|
-
@bgg-pattern-crosses-light: url(
|
|
102
|
-
@bgg-pattern-crosshatch-light: url(
|
|
103
|
-
@bgg-pattern-dot-dash-light: url(
|
|
104
|
-
@bgg-pattern-dots-circles-light: url(
|
|
105
|
-
@bgg-pattern-horz-stripes-light: url(
|
|
106
|
-
@bgg-pattern-slanted-stripes-light: url(
|
|
107
|
-
@bgg-pattern-steps-light: url(
|
|
108
|
-
@bgg-pattern-stripe-light: url(
|
|
89
|
+
@bgg-pattern-blob-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQmxvYiBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fYmxvYkRhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xIDBhMSAxIDAgMDAtMSAxdjIuM2ExIDEgMCAwMDEgMWg0LjAyYy0uMDEzLjA2NS0uMDIuMTMyLS4wMi4ydjIuM0gxYTEgMSAwIDAwLTEgMXYyLjNhMSAxIDAgMDAxIDFoNC4wMmMtLjAxMy4wNjUtLjAyLjEzMi0uMDIuMnYyLjNIMWExIDEgMCAwMC0xIDF2Mi4zYTEgMSAwIDAwMSAxaDQuMDJjLS4wMTMuMDY1LS4wMi4xMzItLjAyLjJWMjBoOHYtMS45YTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4ydi0yLjNoNGExIDEgMCAwMDEtMXYtMi4zYTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4yVjcuOGg0YTEgMSAwIDAwMS0xVjQuNWExIDEgMCAwMC0xLTFINy45OGMuMDEzLS4wNjUuMDItLjEzMi4wMi0uMnYtMmg0YTEgMSAwIDAwMS0xVjBIMXoiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
|
|
90
|
+
@bgg-pattern-chevrons-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ2hldnJvbnMgRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2NoZXZyb25zRGFyayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTExLjAyNyAxLjMyNEMxMS42IDEuMTM0IDExLjk4OS42MDIgMTIgMEgwdjFsNiAyIDUuMDI3LTEuNjc2ek0wIDN2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiA1IDAgM3pNMCA4djNsNiAyIDUuMDI3LTEuNjc2YTEuNDIzIDEuNDIzIDAgMTAtLjktMi43TDYgMTAgMCA4ek0wIDEzdjNsNiAyIDUuMDI3LTEuNjc2YTEuNDIzIDEuNDIzIDAgMTAtLjktMi43TDYgMTVsLTYtMnpNMCAxOHYyaDEydi0uMDI2YzAtLjk3MS0uOTUyLTEuNjU3LTEuODczLTEuMzVMNiAyMGwtNi0yeiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
|
|
91
|
+
@bgg-pattern-crosses-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NlcyBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fY3Jvc3Nlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMWExIDEgMCAwMC0xLTFIMHYyaDN2M0gwdjJoM3YzSDB2MmgzdjNIMHYyaDN2M2gydi0zaDJ2M2gydi0zaDJhMSAxIDAgMTAwLTJIOXYtM2gyYTEgMSAwIDEwMC0ySDlWN2gyYTEgMSAwIDEwMC0ySDlWMmgyYTEgMSAwIDAwMS0xek03IDJINXYzaDJWMnptMCA1SDV2M2gyVjd6bTAgNUg1djNoMnYtM3oiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
|
|
92
|
+
@bgg-pattern-crosshatch-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NoYXRjaCBEYXJrIiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fY3Jvc3NoYXRjaERhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0zIDBIMHYyLjVhMS41IDEuNSAwIDEwMyAwVjB6TTAgMTcuNVYyMGgzdi0yLjVhMS41IDEuNSAwIDAwLTMgMHpNOCAyMEg1di0yLjVhMS41IDEuNSAwIDAxMyAwVjIwek0xMyAyMGgtM3YtMi41YTEuNSAxLjUgMCAwMTMgMFYyMHpNMTAgMGgzdjIuNWExLjUgMS41IDAgMDEtMyAwVjB6TTUgMGgzdjIuNWExLjUgMS41IDAgMTEtMyAwVjB6TTAgMTMuNWExIDEgMCAwMTEtMWgxMWExIDEgMCAxMTAgMkgxYTEgMSAwIDAxLTEtMXpNMCAxMGExIDEgMCAwMDEgMWgxMWExIDEgMCAxMDAtMkgxYTEgMSAwIDAwLTEgMXpNMCA2LjVhMSAxIDAgMDAxIDFoMTFhMSAxIDAgMTAwLTJIMWExIDEgMCAwMC0xIDF6IiBmaWxsPSIjMTQxNzIxIi8+PC9zdmc+');
|
|
93
|
+
@bgg-pattern-dot-dash-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90IERhc2ggRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2RvdERhc2hEYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNS4xNDMgNC44MThWMEgwdjQuODE4YzAgMS40MDYgMS4xNTEgMi41NDYgMi41NzEgMi41NDYgMS40MiAwIDIuNTcyLTEuMTQgMi41NzItMi41NDZ6TTAgMTguMzk0VjIwaDUuMTQzdi0xLjYwNmMwLTEuNDA2LTEuMTUxLTIuNTQ1LTIuNTcyLTIuNTQ1LTEuNDIgMC0yLjU3MSAxLjE0LTIuNTcxIDIuNTQ1ek0xMiAyMEg2Ljg1N3YtNi42OTdjMC0xLjQwNiAxLjE1MS0yLjU0NSAyLjU3Mi0yLjU0NSAxLjQyIDAgMi41NzEgMS4xNCAyLjU3MSAyLjU0NVYyMHpNMTEuOTg1IDBINi44NzJhMi41NjIgMi41NjIgMCAwMDIuNTU3IDIuMjczYzEuMzI3IDAgMi40MTktLjk5NSAyLjU1Ni0yLjI3M3pNMCAxMS42MDZDMCAxMC4yIDEuMTUxIDkuMDYxIDIuNTcxIDkuMDYxYzEuNDIgMCAyLjU3MiAxLjE0IDIuNTcyIDIuNTQ1IDAgMS40MDYtMS4xNTEgMi41NDYtMi41NzIgMi41NDYtMS40MiAwLTIuNTcxLTEuMTQtMi41NzEtMi41NDZ6TTEyIDYuNTE1QzEyIDUuMTEgMTAuODQ5IDMuOTcgOS40MjkgMy45N2MtMS40MiAwLTIuNTcyIDEuMTQtMi41NzIgMi41NDUgMCAxLjQwNiAxLjE1MSAyLjU0NiAyLjU3MiAyLjU0NkMxMC44NDkgOS4wNiAxMiA3LjkyIDEyIDYuNTE1eiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
|
|
94
|
+
@bgg-pattern-dots-circles-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90cyBDaXJjbGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19kb3RzQ2lyY2xlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xMiAwSDZhMiAyIDAgMDAyIDJoNFYwek00IDBIMHY0aDRhMiAyIDAgMTAwLTR6TTAgMTEuNTM1djYuOTNhNCA0IDAgMTAwLTYuOTN6TTEyIDIwSDZhMiAyIDAgMDEyLTJoNHYyek02IDkuNWEyIDIgMCAwMTItMmg0djRIOGEyIDIgMCAwMS0yLTJ6TS41IDcuNWExLjUgMS41IDAgMTEzIDAgMS41IDEuNSAwIDAxLTMgMHpNMTAgMy41YTEgMSAwIDEwMCAyIDEgMSAwIDAwMC0yek0xMCAxMy41YTEuNSAxLjUgMCAxMDAgMyAxLjUgMS41IDAgMDAwLTN6IiBmaWxsPSIjMTQxNzIxIi8+PC9zdmc+');
|
|
95
|
+
@bgg-pattern-horz-stripes-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iSG9yeiBTdHJpcGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19ob3J6U3RyaXBlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xMC40MTIgM0gwVjBoMTAuNDEyQzExLjI4OSAwIDEyIC42NzIgMTIgMS41UzExLjI4OSAzIDEwLjQxMiAzek0wIDE4aDEwLjQxMmMuODc3IDAgMS41ODgtLjY3MiAxLjU4OC0xLjVzLS43MTEtMS41LTEuNTg4LTEuNUgwdjN6TTAgMTNoMTAuNDEyYy44NzcgMCAxLjU4OC0uNjcyIDEuNTg4LTEuNXMtLjcxMS0xLjUtMS41ODgtMS41SDB2M3pNMCA4aDEwLjQxMkMxMS4yODkgOCAxMiA3LjMyOCAxMiA2LjVTMTEuMjg5IDUgMTAuNDEyIDVIMHYzeiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
|
|
96
|
+
@bgg-pattern-slanted-stripes-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU2xhbnRlZCBTdHJpcGVzIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zbGFudGVkU3RyaXBlc0RhcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik04IDBIMHY0bDgtNHpNMCA1djRsMTItNlYwaC0yTDAgNXpNMTIgMjB2LTFsLTIgMWgyek04IDIwbDQtMnYtNEwwIDIwaDh6TTAgMTlsMTItNlY5TDAgMTV2NHpNMCAxNGwxMi02VjRMMCAxMHY0eiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
|
|
97
|
+
@bgg-pattern-steps-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RlcHMgRGFyayIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX3N0ZXBzRGFyayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMHYuNWExLjUgMS41IDAgMTAzIDBWMEgwek0xMCAyMGEyIDIgMCAwMDItMnYtMS41YTEuNSAxLjUgMCAwMC0zIDB2LjVIMmEyIDIgMCAwMC0yIDJ2MWgxMHpNMCAxMy41YTEuNSAxLjUgMCAwMDMgMFYxM2g3YTIgMiAwIDAwMi0yVjkuNWExLjUgMS41IDAgMDAtMyAwdi41SDJhMiAyIDAgMDAtMiAydjEuNXpNMCA2LjVhMS41IDEuNSAwIDEwMyAwVjZoN2EyIDIgMCAwMDItMlYyLjVhMS41IDEuNSAwIDAwLTMgMFYzSDJhMiAyIDAgMDAtMiAydjEuNXoiIGZpbGw9IiMxNDE3MjEiLz48L3N2Zz4=');
|
|
98
|
+
@bgg-pattern-stripe-dark: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RyaXBlIERhcmsiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zdHJpcGVEYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNNCAyMEgyVjBoMnYyMHpNOSAyMEg1VjBoNHYyMHpNMTIgMjBoLTJWMGgydjIweiIgZmlsbD0iIzE0MTcyMSIvPjwvc3ZnPg==');
|
|
99
|
+
@bgg-pattern-blob-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQmxvYiBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Jsb2JMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEgMGExIDEgMCAwMC0xIDF2Mi4zYTEgMSAwIDAwMSAxaDQuMDJjLS4wMTMuMDY1LS4wMi4xMzItLjAyLjJ2Mi4zSDFhMSAxIDAgMDAtMSAxdjIuM2ExIDEgMCAwMDEgMWg0LjAyYy0uMDEzLjA2NS0uMDIuMTMyLS4wMi4ydjIuM0gxYTEgMSAwIDAwLTEgMXYyLjNhMSAxIDAgMDAxIDFoNC4wMmMtLjAxMy4wNjUtLjAyLjEzMi0uMDIuMlYyMGg4di0xLjlhMSAxIDAgMDAtMS0xSDcuOThjLjAxMy0uMDY1LjAyLS4xMzIuMDItLjJ2LTIuM2g0YTEgMSAwIDAwMS0xdi0yLjNhMSAxIDAgMDAtMS0xSDcuOThjLjAxMy0uMDY1LjAyLS4xMzIuMDItLjJWNy44aDRhMSAxIDAgMDAxLTFWNC41YTEgMSAwIDAwLTEtMUg3Ljk4Yy4wMTMtLjA2NS4wMi0uMTMyLjAyLS4ydi0yaDRhMSAxIDAgMDAxLTFWMEgxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
|
|
100
|
+
@bgg-pattern-chevrons-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ2hldnJvbnMgTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19jaGV2cm9uc0xpZ2h0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTEuMDI3IDEuMzI0QzExLjYgMS4xMzQgMTEuOTg5LjYwMiAxMiAwSDB2MWw2IDIgNS4wMjctMS42NzZ6TTAgM3YzbDYgMiA1LjAyNy0xLjY3NmExLjQyMyAxLjQyMyAwIDEwLS45LTIuN0w2IDUgMCAzek0wIDh2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiAxMCAwIDh6TTAgMTN2M2w2IDIgNS4wMjctMS42NzZhMS40MjMgMS40MjMgMCAxMC0uOS0yLjdMNiAxNWwtNi0yek0wIDE4djJoMTJ2LS4wMjZjMC0uOTcxLS45NTItMS42NTctMS44NzMtMS4zNUw2IDIwbC02LTJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
|
|
101
|
+
@bgg-pattern-crosses-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NlcyBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Nyb3NzZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxYTEgMSAwIDAwLTEtMUgwdjJoM3YzSDB2MmgzdjNIMHYyaDN2M0gwdjJoM3YzaDJ2LTNoMnYzaDJ2LTNoMmExIDEgMCAxMDAtMkg5di0zaDJhMSAxIDAgMTAwLTJIOVY3aDJhMSAxIDAgMTAwLTJIOVYyaDJhMSAxIDAgMDAxLTF6TTcgMkg1djNoMlYyem0wIDVINXYzaDJWN3ptMCA1SDV2M2gydi0zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
|
|
102
|
+
@bgg-pattern-crosshatch-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iQ3Jvc3NoYXRjaCBMaWdodCIgY2xhc3M9ImQtc3ZnIGQtc3ZnLS1zeXN0ZW0gZC1zdmdfX2Nyb3NzaGF0Y2hMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTMgMEgwdjIuNWExLjUgMS41IDAgMTAzIDBWMHpNMCAxNy41VjIwaDN2LTIuNWExLjUgMS41IDAgMDAtMyAwek04IDIwSDV2LTIuNWExLjUgMS41IDAgMDEzIDBWMjB6TTEzIDIwaC0zdi0yLjVhMS41IDEuNSAwIDAxMyAwVjIwek0xMCAwaDN2Mi41YTEuNSAxLjUgMCAwMS0zIDBWMHpNNSAwaDN2Mi41YTEuNSAxLjUgMCAxMS0zIDBWMHpNMCAxMy41YTEgMSAwIDAxMS0xaDExYTEgMSAwIDExMCAySDFhMSAxIDAgMDEtMS0xek0wIDEwYTEgMSAwIDAwMSAxaDExYTEgMSAwIDEwMC0ySDFhMSAxIDAgMDAtMSAxek0wIDYuNWExIDEgMCAwMDEgMWgxMWExIDEgMCAxMDAtMkgxYTEgMSAwIDAwLTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
|
|
103
|
+
@bgg-pattern-dot-dash-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90IERhc2ggTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19kb3REYXNoTGlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik01LjE0MyA0LjgxOFYwSDB2NC44MThjMCAxLjQwNiAxLjE1MSAyLjU0NiAyLjU3MSAyLjU0NiAxLjQyIDAgMi41NzItMS4xNCAyLjU3Mi0yLjU0NnpNMCAxOC4zOTRWMjBoNS4xNDN2LTEuNjA2YzAtMS40MDYtMS4xNTEtMi41NDUtMi41NzItMi41NDUtMS40MiAwLTIuNTcxIDEuMTQtMi41NzEgMi41NDV6TTEyIDIwSDYuODU3di02LjY5N2MwLTEuNDA2IDEuMTUxLTIuNTQ1IDIuNTcyLTIuNTQ1IDEuNDIgMCAyLjU3MSAxLjE0IDIuNTcxIDIuNTQ1VjIwek0xMS45ODUgMEg2Ljg3MmEyLjU2MiAyLjU2MiAwIDAwMi41NTcgMi4yNzNjMS4zMjcgMCAyLjQxOS0uOTk1IDIuNTU2LTIuMjczek0wIDExLjYwNkMwIDEwLjIgMS4xNTEgOS4wNjEgMi41NzEgOS4wNjFjMS40MiAwIDIuNTcyIDEuMTQgMi41NzIgMi41NDUgMCAxLjQwNi0xLjE1MSAyLjU0Ni0yLjU3MiAyLjU0Ni0xLjQyIDAtMi41NzEtMS4xNC0yLjU3MS0yLjU0NnpNMTIgNi41MTVDMTIgNS4xMSAxMC44NDkgMy45NyA5LjQyOSAzLjk3Yy0xLjQyIDAtMi41NzIgMS4xNC0yLjU3MiAyLjU0NSAwIDEuNDA2IDEuMTUxIDIuNTQ2IDIuNTcyIDIuNTQ2QzEwLjg0OSA5LjA2IDEyIDcuOTIgMTIgNi41MTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
|
|
104
|
+
@bgg-pattern-dots-circles-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iRG90cyBDaXJjbGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fZG90c0NpcmNsZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEyIDBINmEyIDIgMCAwMDIgMmg0VjB6TTQgMEgwdjRoNGEyIDIgMCAxMDAtNHpNMCAxMS41MzV2Ni45M2E0IDQgMCAxMDAtNi45M3pNMTIgMjBINmEyIDIgMCAwMTItMmg0djJ6TTYgOS41YTIgMiAwIDAxMi0yaDR2NEg4YTIgMiAwIDAxLTItMnpNLjUgNy41YTEuNSAxLjUgMCAxMTMgMCAxLjUgMS41IDAgMDEtMyAwek0xMCAzLjVhMSAxIDAgMTAwIDIgMSAxIDAgMDAwLTJ6TTEwIDEzLjVhMS41IDEuNSAwIDEwMCAzIDEuNSAxLjUgMCAwMDAtM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
|
|
105
|
+
@bgg-pattern-horz-stripes-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iSG9yeiBTdHJpcGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19faG9yelN0cmlwZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwLjQxMiAzSDBWMGgxMC40MTJDMTEuMjg5IDAgMTIgLjY3MiAxMiAxLjVTMTEuMjg5IDMgMTAuNDEyIDN6TTAgMThoMTAuNDEyYy44NzcgMCAxLjU4OC0uNjcyIDEuNTg4LTEuNXMtLjcxMS0xLjUtMS41ODgtMS41SDB2M3pNMCAxM2gxMC40MTJjLjg3NyAwIDEuNTg4LS42NzIgMS41ODgtMS41cy0uNzExLTEuNS0xLjU4OC0xLjVIMHYzek0wIDhoMTAuNDEyQzExLjI4OSA4IDEyIDcuMzI4IDEyIDYuNVMxMS4yODkgNSAxMC40MTIgNUgwdjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
|
|
106
|
+
@bgg-pattern-slanted-stripes-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU2xhbnRlZCBTdHJpcGVzIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fc2xhbnRlZFN0cmlwZXNMaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTggMEgwdjRsOC00ek0wIDV2NGwxMi02VjBoLTJMMCA1ek0xMiAyMHYtMWwtMiAxaDJ6TTggMjBsNC0ydi00TDAgMjBoOHpNMCAxOWwxMi02VjlMMCAxNXY0ek0wIDE0bDEyLTZWNEwwIDEwdjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
|
|
107
|
+
@bgg-pattern-steps-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RlcHMgTGlnaHQiIGNsYXNzPSJkLXN2ZyBkLXN2Zy0tc3lzdGVtIGQtc3ZnX19zdGVwc0xpZ2h0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwdi41YTEuNSAxLjUgMCAxMDMgMFYwSDB6TTEwIDIwYTIgMiAwIDAwMi0ydi0xLjVhMS41IDEuNSAwIDAwLTMgMHYuNUgyYTIgMiAwIDAwLTIgMnYxaDEwek0wIDEzLjVhMS41IDEuNSAwIDAwMyAwVjEzaDdhMiAyIDAgMDAyLTJWOS41YTEuNSAxLjUgMCAwMC0zIDB2LjVIMmEyIDIgMCAwMC0yIDJ2MS41ek0wIDYuNWExLjUgMS41IDAgMTAzIDBWNmg3YTIgMiAwIDAwMi0yVjIuNWExLjUgMS41IDAgMDAtMyAwVjNIMmEyIDIgMCAwMC0yIDJ2MS41eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
|
|
108
|
+
@bgg-pattern-stripe-light: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbD0iU3RyaXBlIExpZ2h0IiBjbGFzcz0iZC1zdmcgZC1zdmctLXN5c3RlbSBkLXN2Z19fc3RyaXBlTGlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik00IDIwSDJWMGgydjIwek05IDIwSDVWMGg0djIwek0xMiAyMGgtMlYwaDJ2MjB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
|