beercss 3.2.11 → 3.2.13
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/README.md +9 -9
- package/dist/cdn/beer.min.css +1 -1
- package/dist/cdn/beer.min.js +4 -1
- package/package.json +2 -2
- package/src/cdn/beer.ts +442 -445
- package/src/cdn/elements/fields.css +15 -15
- package/src/cdn/helpers/forms.css +1 -1
|
@@ -328,7 +328,7 @@ input[type=search]::-webkit-search-results-decoration {
|
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
/* label */
|
|
331
|
-
.field > label {
|
|
331
|
+
.field.label > label {
|
|
332
332
|
position: absolute;
|
|
333
333
|
top: -0.5rem;
|
|
334
334
|
left: 1rem;
|
|
@@ -340,41 +340,41 @@ input[type=search]::-webkit-search-results-decoration {
|
|
|
340
340
|
transition: left 0.2s, font-size 0.2s, line-height 0.2s;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.field.small > label {
|
|
343
|
+
.field.label.small > label {
|
|
344
344
|
line-height: 3.5rem;
|
|
345
345
|
}
|
|
346
346
|
|
|
347
|
-
.field.large > label {
|
|
347
|
+
.field.label.large > label {
|
|
348
348
|
line-height: 4.5rem;
|
|
349
349
|
}
|
|
350
350
|
|
|
351
|
-
.field.extra > label {
|
|
351
|
+
.field.label.extra > label {
|
|
352
352
|
line-height: 5rem;
|
|
353
353
|
}
|
|
354
354
|
|
|
355
|
-
.field.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
355
|
+
.field.label.border.prefix:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
356
356
|
left: 1rem;
|
|
357
357
|
}
|
|
358
358
|
|
|
359
|
-
.field.round > label,
|
|
360
|
-
.field.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
359
|
+
.field.label.round > label,
|
|
360
|
+
.field.label.border.prefix.round:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
361
361
|
left: 1.5rem;
|
|
362
362
|
}
|
|
363
363
|
|
|
364
|
-
.field.prefix > label {
|
|
364
|
+
.field.label.prefix > label {
|
|
365
365
|
left: 3rem;
|
|
366
366
|
}
|
|
367
367
|
|
|
368
|
-
.field > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
368
|
+
.field.label > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
369
369
|
line-height: 2.5rem;
|
|
370
370
|
font-size: 0.75rem;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
-
.field.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
373
|
+
.field.label.border:not(.fill) > :is(label.active, :focus + label, [placeholder]:not(:placeholder-shown) + label) {
|
|
374
374
|
line-height: 1rem;
|
|
375
375
|
}
|
|
376
376
|
|
|
377
|
-
.field.border:not(.fill) > label::after {
|
|
377
|
+
.field.label.border:not(.fill) > label::after {
|
|
378
378
|
content: "";
|
|
379
379
|
display: block;
|
|
380
380
|
margin-top: 0.5rem;
|
|
@@ -386,7 +386,7 @@ input[type=search]::-webkit-search-results-decoration {
|
|
|
386
386
|
margin-left: 0.25rem;
|
|
387
387
|
}
|
|
388
388
|
|
|
389
|
-
.field.border:not(.fill) > :focus + label::after {
|
|
389
|
+
.field.label.border:not(.fill) > :focus + label::after {
|
|
390
390
|
border-top: 0.125rem solid var(--primary);
|
|
391
391
|
}
|
|
392
392
|
|
|
@@ -398,12 +398,12 @@ input[type=search]::-webkit-search-results-decoration {
|
|
|
398
398
|
clip-path: polygon(-1% -1%, 1.25rem -1%, 1.25rem 0.5rem, calc(100% - 5rem) 0.5rem, calc(100% - 5rem) -1%, 101% -1%, 101% 101%, -1% 101%);
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.field > :focus + label {
|
|
401
|
+
.field.label > :focus + label {
|
|
402
402
|
color: var(--primary);
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.field.invalid > label,
|
|
406
|
-
.field.invalid > label::after {
|
|
405
|
+
.field.label.invalid > label,
|
|
406
|
+
.field.label.invalid > label::after {
|
|
407
407
|
color: var(--error) !important;
|
|
408
408
|
border-color: var(--error) !important;
|
|
409
409
|
}
|
|
@@ -106,6 +106,6 @@
|
|
|
106
106
|
box-shadow: none;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
:is(nav, .row,
|
|
109
|
+
:is(nav, .row, dialog.max, header.fixed, footer.fixed, menu > a, menu.max, table, .tabs):not(.round) {
|
|
110
110
|
border-radius: 0;
|
|
111
111
|
}
|