vrembem 4.0.0-next.40 → 4.0.0-next.41
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/dev/base.css +256 -290
- package/dev/base.css.map +1 -1
- package/dev/components.css +4124 -4362
- package/dev/components.css.map +1 -1
- package/dev/index.css +5749 -6418
- package/dev/index.css.map +1 -1
- package/dev/index.js +38 -127
- package/dev/index.js.map +1 -1
- package/dev/index.umd.cjs +38 -127
- package/dev/index.umd.cjs.map +1 -1
- package/dev/layers.css +3 -0
- package/dev/layers.css.map +1 -0
- package/dev/styles.css +5493 -6228
- package/dev/styles.css.map +1 -1
- package/dev/tokens.css +246 -180
- package/dev/tokens.css.map +1 -1
- package/dev/utilities.css +1513 -1974
- package/dev/utilities.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/components.css +1 -1
- package/dist/components.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +595 -684
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +3 -3
- package/dist/index.umd.cjs.map +1 -1
- package/dist/layers.css +1 -0
- package/dist/layers.css.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/dist/utilities.css +1 -1
- package/dist/utilities.css.map +1 -1
- package/index.scss +1 -0
- package/layers.scss +1 -0
- package/package.json +28 -22
package/dev/base.css
CHANGED
|
@@ -1,295 +1,261 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
*::
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
html,
|
|
10
|
-
:host {
|
|
11
|
-
font-family: var(--vb-font-family, system-ui, sans-serif);
|
|
12
|
-
line-height: var(--vb-line-height, 1.5);
|
|
13
|
-
text-size-adjust: none;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
html {
|
|
17
|
-
height: 100%;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
body {
|
|
21
|
-
min-height: 100vh;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
img,
|
|
25
|
-
svg,
|
|
26
|
-
video,
|
|
27
|
-
canvas,
|
|
28
|
-
audio,
|
|
29
|
-
iframe,
|
|
30
|
-
embed,
|
|
31
|
-
object {
|
|
32
|
-
display: block;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
img,
|
|
36
|
-
video,
|
|
37
|
-
picture {
|
|
38
|
-
max-width: 100%;
|
|
39
|
-
height: auto;
|
|
40
|
-
vertical-align: middle;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
button,
|
|
44
|
-
input,
|
|
45
|
-
textarea,
|
|
46
|
-
select {
|
|
47
|
-
font: inherit;
|
|
48
|
-
color: inherit;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
button {
|
|
52
|
-
cursor: pointer;
|
|
53
|
-
border: 0;
|
|
54
|
-
background: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
textarea {
|
|
58
|
-
resize: vertical;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
label:has(:disabled) {
|
|
62
|
-
pointer-events: none;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
a {
|
|
66
|
-
color: inherit;
|
|
67
|
-
text-decoration: inherit;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
h1,
|
|
71
|
-
h2,
|
|
72
|
-
h3,
|
|
73
|
-
h4,
|
|
74
|
-
h5,
|
|
75
|
-
h6 {
|
|
76
|
-
font-size: inherit;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
b,
|
|
80
|
-
strong {
|
|
81
|
-
font-weight: bold;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
small {
|
|
85
|
-
font-size: var(--vb-font-size-sm, 0.875rem);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
code,
|
|
89
|
-
pre {
|
|
90
|
-
font-family: var(--vb-font-family-mono, ui-monospace, monospace);
|
|
91
|
-
font-size: 1em;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
table {
|
|
95
|
-
border-collapse: collapse;
|
|
96
|
-
border-color: inherit;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
body {
|
|
100
|
-
color: var(--vb-base-foreground, var(--vb-foreground));
|
|
101
|
-
background: var(--vb-base-background, var(--vb-background));
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.h1, .type > h1, .h2, .type > h2, .h3, .type > h3, .h4, .type > h4, .h5, .type > h5, .h6, .type > h6 {
|
|
105
|
-
font-family: var(--vb-headings-font-family, inherit);
|
|
106
|
-
font-size: var(--vb-headings-font-size, 1em);
|
|
107
|
-
font-weight: var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));
|
|
108
|
-
line-height: var(--vb-headings-line-height, inherit);
|
|
109
|
-
color: var(--vb-headings-foreground, var(--vb-foreground));
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.h1, .type > h1 {
|
|
113
|
-
--vb-headings-font-size: 2.75em;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.h2, .type > h2 {
|
|
117
|
-
--vb-headings-font-size: 2em;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.h3, .type > h3 {
|
|
121
|
-
--vb-headings-font-size: 1.75em;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.h4, .type > h4 {
|
|
125
|
-
--vb-headings-font-size: 1.5em;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.h5, .type > h5 {
|
|
129
|
-
--vb-headings-font-size: 1.25em;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.h6, .type > h6 {
|
|
133
|
-
--vb-headings-font-size: 1em;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.link, .type :not(div) > a {
|
|
137
|
-
color: var(--vb-link-foreground, var(--vb-primary));
|
|
138
|
-
text-decoration: var(--vb-link-decoration, underline);
|
|
139
|
-
text-decoration-thickness: var(--vb-link-decoration-thickness, 1px);
|
|
140
|
-
text-underline-offset: var(--vb-link-underline-offset, 2px);
|
|
141
|
-
}
|
|
142
|
-
.link code, .type :not(div) > a code {
|
|
143
|
-
color: var(--vb-link-foreground, var(--vb-primary));
|
|
144
|
-
background-color: hsl(var(--vb-primary-hs) 50% / 10%);
|
|
145
|
-
}
|
|
146
|
-
.link:hover, .link:focus, .type :not(div) > a:hover, .type :not(div) > a:focus {
|
|
147
|
-
color: var(--vb-link-foreground-hover, hsl(var(--vb-primary-hs) 40));
|
|
148
|
-
text-decoration: var(--vb-link-decoration-hover, none);
|
|
149
|
-
}
|
|
150
|
-
.link:hover code, .link:focus code, .type :not(div) > a:hover code, .type :not(div) > a:focus code {
|
|
151
|
-
color: var(--vb-link-foreground-hover, hsl(var(--vb-primary-hs) 40));
|
|
152
|
-
}
|
|
153
|
-
.link:focus, .type :not(div) > a:focus {
|
|
154
|
-
outline: var(--vb-link-focus-ring, currentcolor dotted 1px);
|
|
155
|
-
outline-offset: var(--vb-link-focus-ring-offset, 0.125rem);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.list, .type > ul, .type > ol {
|
|
159
|
-
margin-left: var(--vb-list-indent, var(--vb-spacing-lg));
|
|
160
|
-
}
|
|
161
|
-
.list ul,
|
|
162
|
-
.list ol, .type > ul ul,
|
|
163
|
-
.type > ul ol, .type > ol ul,
|
|
164
|
-
.type > ol ol {
|
|
165
|
-
margin-left: var(--vb-list-indent, var(--vb-spacing-lg));
|
|
166
|
-
}
|
|
167
|
-
.list li li,
|
|
168
|
-
.list li + li, .type > ul li li,
|
|
169
|
-
.type > ul li + li, .type > ol li li,
|
|
170
|
-
.type > ol li + li {
|
|
171
|
-
margin-top: var(--vb-list-spacing, var(--vb-spacing-sm));
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
.list-style-none {
|
|
175
|
-
list-style: none !important;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.code, .type :not(pre) > code {
|
|
179
|
-
padding: var(--vb-code-padding, 0.125rem 0.375rem);
|
|
180
|
-
border: var(--vb-code-border);
|
|
181
|
-
border-radius: var(--vb-code-border-radius, var(--vb-border-radius));
|
|
182
|
-
font-family: var(--vb-font-family-mono);
|
|
183
|
-
font-size: var(--vb-code-font-size, var(--vb-font-size-sm));
|
|
184
|
-
color: var(--vb-code-foreground, var(--vb-foreground-alt));
|
|
185
|
-
overflow-wrap: break-word;
|
|
186
|
-
background: var(--vb-code-background, var(--vb-background-alt));
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.pre, .type > pre {
|
|
190
|
-
overflow: auto;
|
|
191
|
-
padding: var(--vb-pre-padding, var(--vb-spacing-md));
|
|
192
|
-
border: var(--vb-pre-border, none);
|
|
193
|
-
border-radius: var(--vb-pre-border-radius, var(--vb-border-radius));
|
|
194
|
-
font-family: var(--vb-font-family-mono);
|
|
195
|
-
color: var(--vb-pre-foreground, var(--vb-foreground));
|
|
196
|
-
background: var(--vb-pre-background, var(--vb-background-dark));
|
|
197
|
-
}
|
|
198
|
-
.pre code, .type > pre code {
|
|
199
|
-
padding: 0;
|
|
200
|
-
border: none;
|
|
201
|
-
font-size: var(--vb-pre-font-size, var(--vb-font-size-sm));
|
|
202
|
-
color: inherit;
|
|
203
|
-
background: none;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.blockquote, .type > blockquote {
|
|
207
|
-
position: relative;
|
|
208
|
-
padding: var(--vb-blockquote-padding, var(--vb-spacing-md));
|
|
209
|
-
border: var(--vb-blockquote-border, var(--vb-border));
|
|
210
|
-
border-radius: var(--vb-blockquote-border-radius, var(--vb-border-radius));
|
|
211
|
-
color: var(--vb-blockquote-foreground, currentcolor);
|
|
212
|
-
background: var(--vb-blockquote-background, transparent);
|
|
213
|
-
}
|
|
214
|
-
.blockquote > * + *, .type > blockquote > * + * {
|
|
215
|
-
margin-top: var(--vb-blockquote-spacing, var(--vb-spacing-md));
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.sep, .type > hr {
|
|
219
|
-
display: block;
|
|
220
|
-
height: 0;
|
|
221
|
-
border: none;
|
|
222
|
-
border-top: var(--vb-separator-border-width, var(--vb-border-width)) var(--vb-separator-border-style, var(--vb-border-style)) var(--vb-separator-border-color, var(--vb-border-color));
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
.arrow,
|
|
226
|
-
.arrow-up,
|
|
227
|
-
.arrow-down,
|
|
228
|
-
.arrow-left,
|
|
229
|
-
.arrow-right {
|
|
230
|
-
pointer-events: none;
|
|
231
|
-
transform-origin: center;
|
|
232
|
-
display: inline-block;
|
|
233
|
-
flex-grow: 0;
|
|
234
|
-
flex-shrink: 0;
|
|
235
|
-
width: 0;
|
|
236
|
-
height: 0;
|
|
237
|
-
border-color: var(--vb-arrow-color, currentcolor) transparent transparent;
|
|
238
|
-
border-style: solid;
|
|
239
|
-
border-width: var(--vb-arrow-size, 6px 4px);
|
|
240
|
-
border-bottom-width: 0;
|
|
241
|
-
border-radius: var(--vb-arrow-radius, 2px);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
.arrow-up {
|
|
245
|
-
transform: rotate(180deg);
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.arrow-left {
|
|
249
|
-
transform: rotate(90deg);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.arrow-right {
|
|
253
|
-
transform: rotate(-90deg);
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
.loading-spinner {
|
|
257
|
-
width: var(--vb-loading-size, 1em);
|
|
258
|
-
height: var(--vb-loading-size, 1em);
|
|
259
|
-
position: relative;
|
|
260
|
-
display: inline-block;
|
|
261
|
-
border: var(--vb-loading-border, 2px solid);
|
|
262
|
-
border-color: var(--vb-loading-color, currentcolor) var(--vb-loading-color, currentcolor) transparent transparent;
|
|
263
|
-
border-radius: var(--vb-border-radius-circle);
|
|
264
|
-
animation: spin var(--vb-loading-duration, 0.6s) infinite linear;
|
|
265
|
-
}
|
|
266
|
-
@keyframes spin {
|
|
267
|
-
from {
|
|
268
|
-
transform: rotate(0deg);
|
|
1
|
+
@layer base {
|
|
2
|
+
*,
|
|
3
|
+
*::before,
|
|
4
|
+
*::after {
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
margin: 0;
|
|
7
|
+
padding: 0;
|
|
269
8
|
}
|
|
270
|
-
|
|
271
|
-
|
|
9
|
+
html,
|
|
10
|
+
:host {
|
|
11
|
+
font-family: var(--vb-font-family, system-ui, sans-serif);
|
|
12
|
+
line-height: var(--vb-line-height, 1.5);
|
|
13
|
+
text-size-adjust: none;
|
|
14
|
+
}
|
|
15
|
+
html {
|
|
16
|
+
height: 100%;
|
|
17
|
+
}
|
|
18
|
+
body {
|
|
19
|
+
min-height: 100vh;
|
|
20
|
+
}
|
|
21
|
+
img,
|
|
22
|
+
svg,
|
|
23
|
+
video,
|
|
24
|
+
canvas,
|
|
25
|
+
audio,
|
|
26
|
+
iframe,
|
|
27
|
+
embed,
|
|
28
|
+
object {
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
img,
|
|
32
|
+
video,
|
|
33
|
+
picture {
|
|
34
|
+
max-width: 100%;
|
|
35
|
+
height: auto;
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
}
|
|
38
|
+
button,
|
|
39
|
+
input,
|
|
40
|
+
textarea,
|
|
41
|
+
select {
|
|
42
|
+
font: inherit;
|
|
43
|
+
color: inherit;
|
|
44
|
+
}
|
|
45
|
+
button {
|
|
46
|
+
cursor: pointer;
|
|
47
|
+
border: 0;
|
|
48
|
+
background: none;
|
|
49
|
+
}
|
|
50
|
+
textarea {
|
|
51
|
+
resize: vertical;
|
|
52
|
+
}
|
|
53
|
+
label:has(:disabled) {
|
|
54
|
+
pointer-events: none;
|
|
55
|
+
}
|
|
56
|
+
a {
|
|
57
|
+
color: inherit;
|
|
58
|
+
text-decoration: inherit;
|
|
59
|
+
}
|
|
60
|
+
h1,
|
|
61
|
+
h2,
|
|
62
|
+
h3,
|
|
63
|
+
h4,
|
|
64
|
+
h5,
|
|
65
|
+
h6 {
|
|
66
|
+
font-size: inherit;
|
|
67
|
+
color: var(--vb-foreground-strong);
|
|
68
|
+
}
|
|
69
|
+
b,
|
|
70
|
+
strong {
|
|
71
|
+
font-weight: bold;
|
|
72
|
+
}
|
|
73
|
+
small {
|
|
74
|
+
font-size: var(--vb-font-size-sm, 0.875rem);
|
|
75
|
+
}
|
|
76
|
+
code,
|
|
77
|
+
pre {
|
|
78
|
+
font-family: var(--vb-font-family-mono, ui-monospace, monospace);
|
|
79
|
+
font-size: 1em;
|
|
80
|
+
}
|
|
81
|
+
table {
|
|
82
|
+
border-collapse: collapse;
|
|
83
|
+
border-color: inherit;
|
|
84
|
+
}
|
|
85
|
+
body {
|
|
86
|
+
color: var(--vb-base-foreground, var(--vb-foreground));
|
|
87
|
+
background: var(--vb-base-background, var(--vb-background));
|
|
88
|
+
}
|
|
89
|
+
.h1, .type > h1, .h2, .type > h2, .h3, .type > h3, .h4, .type > h4, .h5, .type > h5, .h6, .type > h6 {
|
|
90
|
+
font-family: var(--vb-headings-font-family, inherit);
|
|
91
|
+
font-size: var(--vb-headings-font-size, 1em);
|
|
92
|
+
font-weight: var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));
|
|
93
|
+
line-height: var(--vb-headings-line-height, inherit);
|
|
94
|
+
color: var(--vb-headings-foreground, var(--vb-foreground-strong));
|
|
95
|
+
}
|
|
96
|
+
.h1, .type > h1 {
|
|
97
|
+
--vb-headings-font-size: 2.75em;
|
|
98
|
+
}
|
|
99
|
+
.h2, .type > h2 {
|
|
100
|
+
--vb-headings-font-size: 2em;
|
|
101
|
+
}
|
|
102
|
+
.h3, .type > h3 {
|
|
103
|
+
--vb-headings-font-size: 1.75em;
|
|
104
|
+
}
|
|
105
|
+
.h4, .type > h4 {
|
|
106
|
+
--vb-headings-font-size: 1.5em;
|
|
107
|
+
}
|
|
108
|
+
.h5, .type > h5 {
|
|
109
|
+
--vb-headings-font-size: 1.25em;
|
|
110
|
+
}
|
|
111
|
+
.h6, .type > h6 {
|
|
112
|
+
--vb-headings-font-size: 1em;
|
|
113
|
+
}
|
|
114
|
+
.link, .type :not(div) > a {
|
|
115
|
+
color: var(--vb-link-foreground, var(--vb-foreground-accent));
|
|
116
|
+
text-decoration: var(--vb-link-decoration, underline);
|
|
117
|
+
text-decoration-thickness: var(--vb-link-decoration-thickness, 1px);
|
|
118
|
+
text-underline-offset: var(--vb-link-underline-offset, 2px);
|
|
119
|
+
}
|
|
120
|
+
.link code, .type :not(div) > a code {
|
|
121
|
+
color: var(--vb-link-foreground, var(--vb-foreground-accent));
|
|
122
|
+
background-color: var(--vb-background-alt);
|
|
123
|
+
}
|
|
124
|
+
.link:hover, .link:focus, .type :not(div) > a:hover, .type :not(div) > a:focus {
|
|
125
|
+
color: var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));
|
|
126
|
+
text-decoration: var(--vb-link-decoration-hover, none);
|
|
127
|
+
}
|
|
128
|
+
.link:hover code, .link:focus code, .type :not(div) > a:hover code, .type :not(div) > a:focus code {
|
|
129
|
+
color: var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));
|
|
130
|
+
}
|
|
131
|
+
.link:focus, .type :not(div) > a:focus {
|
|
132
|
+
outline: var(--vb-link-focus-ring, currentcolor dotted 1px);
|
|
133
|
+
outline-offset: var(--vb-link-focus-ring-offset, 0.125rem);
|
|
134
|
+
}
|
|
135
|
+
.list, .type > ul, .type > ol {
|
|
136
|
+
margin-left: var(--vb-list-indent, var(--vb-spacing-lg));
|
|
137
|
+
}
|
|
138
|
+
.list ul,
|
|
139
|
+
.list ol, .type > ul ul,
|
|
140
|
+
.type > ul ol, .type > ol ul,
|
|
141
|
+
.type > ol ol {
|
|
142
|
+
margin-left: var(--vb-list-indent, var(--vb-spacing-lg));
|
|
143
|
+
}
|
|
144
|
+
.list li li,
|
|
145
|
+
.list li + li, .type > ul li li,
|
|
146
|
+
.type > ul li + li, .type > ol li li,
|
|
147
|
+
.type > ol li + li {
|
|
148
|
+
margin-top: var(--vb-list-spacing, var(--vb-spacing-sm));
|
|
149
|
+
}
|
|
150
|
+
.list-style-none {
|
|
151
|
+
list-style: none !important;
|
|
152
|
+
}
|
|
153
|
+
.code, .type :not(pre) > code {
|
|
154
|
+
padding: var(--vb-code-padding, 0.125rem 0.375rem);
|
|
155
|
+
border: var(--vb-code-border);
|
|
156
|
+
border-radius: var(--vb-code-border-radius, var(--vb-border-radius));
|
|
157
|
+
font-family: var(--vb-font-family-mono);
|
|
158
|
+
font-size: var(--vb-code-font-size, var(--vb-font-size-sm));
|
|
159
|
+
color: var(--vb-code-foreground, var(--vb-foreground-accent-alt));
|
|
160
|
+
overflow-wrap: break-word;
|
|
161
|
+
background: var(--vb-code-background, var(--vb-background-alt));
|
|
162
|
+
}
|
|
163
|
+
.pre, .type > pre {
|
|
164
|
+
overflow: auto;
|
|
165
|
+
padding: var(--vb-pre-padding, var(--vb-spacing-md));
|
|
166
|
+
border: var(--vb-pre-border, none);
|
|
167
|
+
border-radius: var(--vb-pre-border-radius, var(--vb-border-radius));
|
|
168
|
+
font-family: var(--vb-font-family-mono);
|
|
169
|
+
color: var(--vb-pre-foreground, var(--vb-foreground-strong));
|
|
170
|
+
background: var(--vb-pre-background, var(--vb-background-alt));
|
|
171
|
+
}
|
|
172
|
+
.pre code, .type > pre code {
|
|
173
|
+
padding: 0;
|
|
174
|
+
border: none;
|
|
175
|
+
font-size: var(--vb-pre-font-size, var(--vb-font-size-sm));
|
|
176
|
+
color: inherit;
|
|
177
|
+
background: none;
|
|
178
|
+
}
|
|
179
|
+
.blockquote, .type > blockquote {
|
|
180
|
+
position: relative;
|
|
181
|
+
padding: var(--vb-blockquote-padding, var(--vb-spacing-md));
|
|
182
|
+
border: var(--vb-blockquote-border, var(--vb-border));
|
|
183
|
+
border-radius: var(--vb-blockquote-border-radius, var(--vb-border-radius));
|
|
184
|
+
color: var(--vb-blockquote-foreground, currentcolor);
|
|
185
|
+
background: var(--vb-blockquote-background, transparent);
|
|
186
|
+
}
|
|
187
|
+
.blockquote > * + *, .type > blockquote > * + * {
|
|
188
|
+
margin-top: var(--vb-blockquote-spacing, var(--vb-spacing-md));
|
|
189
|
+
}
|
|
190
|
+
.sep, .type > hr {
|
|
191
|
+
display: block;
|
|
192
|
+
height: 0;
|
|
193
|
+
border: none;
|
|
194
|
+
border-top: var(--vb-separator-border-width, var(--vb-border-width)) var(--vb-separator-border-style, var(--vb-border-style)) var(--vb-separator-border-color, var(--vb-border-color));
|
|
195
|
+
}
|
|
196
|
+
.arrow,
|
|
197
|
+
.arrow-up,
|
|
198
|
+
.arrow-down,
|
|
199
|
+
.arrow-left,
|
|
200
|
+
.arrow-right {
|
|
201
|
+
pointer-events: none;
|
|
202
|
+
transform-origin: center;
|
|
203
|
+
display: inline-block;
|
|
204
|
+
flex-grow: 0;
|
|
205
|
+
flex-shrink: 0;
|
|
206
|
+
width: 0;
|
|
207
|
+
height: 0;
|
|
208
|
+
border-color: var(--vb-arrow-color, currentcolor) transparent transparent;
|
|
209
|
+
border-style: solid;
|
|
210
|
+
border-width: var(--vb-arrow-size, 6px 4px);
|
|
211
|
+
border-bottom-width: 0;
|
|
212
|
+
border-radius: var(--vb-arrow-radius, 2px);
|
|
213
|
+
}
|
|
214
|
+
.arrow-up {
|
|
215
|
+
transform: rotate(180deg);
|
|
216
|
+
}
|
|
217
|
+
.arrow-left {
|
|
218
|
+
transform: rotate(90deg);
|
|
219
|
+
}
|
|
220
|
+
.arrow-right {
|
|
221
|
+
transform: rotate(-90deg);
|
|
222
|
+
}
|
|
223
|
+
.loading-spinner {
|
|
224
|
+
width: var(--vb-loading-size, 1em);
|
|
225
|
+
height: var(--vb-loading-size, 1em);
|
|
226
|
+
position: relative;
|
|
227
|
+
display: inline-block;
|
|
228
|
+
border: var(--vb-loading-border, 2px solid);
|
|
229
|
+
border-color: var(--vb-loading-color, currentcolor) var(--vb-loading-color, currentcolor) transparent transparent;
|
|
230
|
+
border-radius: var(--vb-border-radius-circle);
|
|
231
|
+
animation: spin var(--vb-loading-duration, 0.6s) infinite linear;
|
|
232
|
+
}
|
|
233
|
+
@keyframes spin {
|
|
234
|
+
from {
|
|
235
|
+
transform: rotate(0deg);
|
|
236
|
+
}
|
|
237
|
+
to {
|
|
238
|
+
transform: rotate(360deg);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
.sr-only {
|
|
242
|
+
position: absolute;
|
|
243
|
+
overflow: hidden;
|
|
244
|
+
width: 1px;
|
|
245
|
+
height: 1px;
|
|
246
|
+
margin: -1px;
|
|
247
|
+
padding: 0;
|
|
248
|
+
clip-path: inset(50%);
|
|
249
|
+
}
|
|
250
|
+
.type {
|
|
251
|
+
font-family: var(--vb-type-font-family, inherit);
|
|
252
|
+
font-size: var(--vb-type-font-size, inherit);
|
|
253
|
+
line-height: var(--vb-type-line-height, inherit);
|
|
254
|
+
color: var(--vb-type-foreground, var(--vb-foreground));
|
|
255
|
+
}
|
|
256
|
+
.type > * + * {
|
|
257
|
+
margin-top: var(--vb-type-spacing);
|
|
272
258
|
}
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.sr-only {
|
|
276
|
-
position: absolute;
|
|
277
|
-
overflow: hidden;
|
|
278
|
-
width: 1px;
|
|
279
|
-
height: 1px;
|
|
280
|
-
margin: -1px;
|
|
281
|
-
padding: 0;
|
|
282
|
-
clip-path: inset(50%);
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.type {
|
|
286
|
-
font-family: var(--vb-type-font-family, inherit);
|
|
287
|
-
font-size: var(--vb-type-font-size, inherit);
|
|
288
|
-
line-height: var(--vb-type-line-height, inherit);
|
|
289
|
-
color: var(--vb-type-foreground, var(--vb-foreground-light));
|
|
290
|
-
}
|
|
291
|
-
.type > * + * {
|
|
292
|
-
margin-top: var(--vb-type-spacing);
|
|
293
259
|
}
|
|
294
260
|
|
|
295
261
|
/*# sourceMappingURL=base.css.map */
|
package/dev/base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/core/src/scss/library/_reset.scss","../../../node_modules/@vrembem/base/src/modules/_global.scss","../../../node_modules/@vrembem/base/src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/modules/_css.scss","../../../node_modules/@vrembem/base/src/modules/_link.scss","../../../node_modules/@vrembem/base/src/modules/_list.scss","../../../node_modules/@vrembem/base/src/modules/_code.scss","../../../node_modules/@vrembem/base/src/modules/_pre.scss","../../../node_modules/@vrembem/base/src/modules/_blockquote.scss","../../../node_modules/@vrembem/base/src/modules/_separator.scss","../../../node_modules/@vrembem/base/src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../../../node_modules/@vrembem/base/src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../../../node_modules/@vrembem/base/src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss","../../../node_modules/@vrembem/base/src/modules/_type.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../node_modules/@vrembem/base/index.scss","../../../node_modules/@vrembem/core/src/scss/library/_reset.scss","../../../node_modules/@vrembem/base/src/modules/_global.scss","../../../node_modules/@vrembem/base/src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/modules/_css.scss","../../../node_modules/@vrembem/base/src/modules/_link.scss","../../../node_modules/@vrembem/base/src/modules/_list.scss","../../../node_modules/@vrembem/base/src/modules/_code.scss","../../../node_modules/@vrembem/base/src/modules/_pre.scss","../../../node_modules/@vrembem/base/src/modules/_blockquote.scss","../../../node_modules/@vrembem/base/src/modules/_separator.scss","../../../node_modules/@vrembem/base/src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../../../node_modules/@vrembem/base/src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../../../node_modules/@vrembem/base/src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss","../../../node_modules/@vrembem/base/src/modules/_type.scss"],"names":[],"mappings":"AAIA;ECSE;AAAA;AAAA;IAGE;IACA;IACA;;EAQF;AAAA;IAEE;IACA;IACA;;EAIF;IACE;;EAIF;IACE;;EAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQE;;EAIF;AAAA;AAAA;IAGE;IACA;IACA;;EAIF;AAAA;AAAA;AAAA;IAIE;IACA;;EAIF;IACE;IACA;IACA;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;IACA;;EAIF;AAAA;AAAA;AAAA;AAAA;AAAA;IAME;IACA;;EAIF;AAAA;IAEE;;EAIF;IACE;;EAIF;AAAA;IAEE;IACA;;EAKF;IACE;IACA;;EC1HF;IACE;IACA;;ECDF;IACE;IACA;IACA;IACA;IACA;;EAYA;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;ED1JF;IC0JE;;EC7KJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAIF;IAEE;IAIA;;EAEA;IACE;;EAOJ;IACE;IACA;;EC/BJ;IACE;;EAEA;AAAA;AAAA;AAAA;IAEE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAIJ;IACE;;ECfF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECRF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;ECdJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;ECTJ;IACE;IACA;IACA;IACA;;ECNF;AAAA;AAAA;AAAA;AAAA;ICMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDTA;IACE;;EAGF;IACE;;EAGF;IACE;;EEjBF;ICUE,OCCY;IDAZ;ICOF,UFjBgC;IEkBhC;IACA;IACA;IACA;IACA;;EAME;IACE;MACE;;IAGF;MACE;;;ECnCN;ICFA;IACA;IACA;IACA;IACA;IACA;IACA;;ECDA;IACE;IACA;IACA;IACA;;EAEA;IACE","file":"base.css"}
|