@chocbite/ts-lib-form 1.3.0 → 1.3.2
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/dist/index.d.mts +8 -8
- package/dist/index.mjs +14 -14
- package/dist/style.css +8 -4
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -876,7 +876,7 @@ form-slider > div > div > span:last-child:empty {
|
|
|
876
876
|
max-width: 4.704rem;
|
|
877
877
|
}
|
|
878
878
|
form-slider > div > div > span:last-child {
|
|
879
|
-
line-height: 0.
|
|
879
|
+
line-height: 0.4rem;
|
|
880
880
|
text-align: center;
|
|
881
881
|
}
|
|
882
882
|
.touch form-slider > div > div > span:last-child {
|
|
@@ -1366,10 +1366,10 @@ form-togglebutton > div:nth-child(odd) {
|
|
|
1366
1366
|
grid-row: 1;
|
|
1367
1367
|
align-items: center;
|
|
1368
1368
|
background-color: var(--form-colors-background-normal);
|
|
1369
|
-
padding: 0.2rem;
|
|
1370
1369
|
border-block: 0.0625rem solid var(--form-colors-border-normal);
|
|
1371
1370
|
outline: none;
|
|
1372
1371
|
min-height: var(--form-size-height);
|
|
1372
|
+
font-size: 0.9rem;
|
|
1373
1373
|
}
|
|
1374
1374
|
form-togglebutton > div:nth-child(odd).selected {
|
|
1375
1375
|
background-color: var(--form-colors-background-hover);
|
|
@@ -1383,7 +1383,8 @@ form-togglebutton > div:nth-child(odd).selected::after {
|
|
|
1383
1383
|
z-index: 1;
|
|
1384
1384
|
}
|
|
1385
1385
|
.touch form-togglebutton > div:nth-child(odd) {
|
|
1386
|
-
min-height: var(--form-size-touchHeight)
|
|
1386
|
+
min-height: var(--form-size-touchHeight);
|
|
1387
|
+
font-size: 1rem;
|
|
1387
1388
|
}
|
|
1388
1389
|
form-togglebutton > div:nth-child(odd):focus-visible {
|
|
1389
1390
|
z-index: 1;
|
|
@@ -1407,7 +1408,6 @@ form-togglebutton > div:nth-child(odd):focus-visible:nth-last-child(2)::before {
|
|
|
1407
1408
|
}
|
|
1408
1409
|
}
|
|
1409
1410
|
form-togglebutton > div:nth-child(odd) > svg {
|
|
1410
|
-
margin: -0.2rem;
|
|
1411
1411
|
height: calc(var(--form-size-height) - 0.2rem - 0.125rem);
|
|
1412
1412
|
width: auto;
|
|
1413
1413
|
}
|
|
@@ -1429,10 +1429,14 @@ form-togglebutton > div:nth-child(even) {
|
|
|
1429
1429
|
padding-top: 0;
|
|
1430
1430
|
padding-bottom: 0;
|
|
1431
1431
|
min-height: 0.2rem;
|
|
1432
|
+
font-size: 0.9rem;
|
|
1432
1433
|
}
|
|
1433
1434
|
form-togglebutton > div:nth-child(even):empty {
|
|
1434
1435
|
padding: 0rem;
|
|
1435
1436
|
}
|
|
1437
|
+
.touch form-togglebutton > div:nth-child(even) {
|
|
1438
|
+
font-size: 1rem;
|
|
1439
|
+
}
|
|
1436
1440
|
form-togglebutton > div:first-child {
|
|
1437
1441
|
border-radius: 0.4rem 0 0 0.4rem;
|
|
1438
1442
|
border-left: 0.0625rem solid var(--form-colors-border-normal);
|