had to update the striped table rows again cause they were failing, and update the floating labels

This commit is contained in:
Yohn 2025-01-22 18:40:49 -05:00
parent af735a6d75
commit ba48bb50da
6 changed files with 264 additions and 319 deletions

View file

@ -69,13 +69,13 @@
// Striped
@if enable-classes {
#{$parent-selector} table {
&.striped {
tbody tr:nth-child(/* clean-css ignore:start */ odd of /* clean-css ignore:end */:not([hidden])) th,
tbody tr:nth-child(/* clean-css ignore:start */ odd of /* clean-css ignore:end */:not([hidden])) td {
background-color: var(#{$css-var-prefix}table-row-stripped-background-color);
}
/* clean-css ignore:start */
#{$parent-selector} table.striped {
tbody tr:nth-child(odd of :not([hidden])) th,
tbody tr:nth-child(odd of :not([hidden])) td {
background-color: var(#{$css-var-prefix}table-row-stripped-background-color);
}
}
/* clean-css ignore:end */
}
}

View file

@ -23,9 +23,9 @@
> textarea + label,
> select + label {
position: absolute;
top: 35%;
top: 0.55rem;
left: 0.8rem;
transform: translateY(-50%);
transform: translateY(0%);
background: var(#{$css-var-prefix}form-element-background-color);
color: var(#{$css-var-prefix}form-element-placeholder-color);
cursor: text;
@ -38,26 +38,16 @@
> textarea:focus + label,
> select:focus + label,
> select:has(option:checked:not([disabled])) + label {
top: -5%;
top: 0;
padding: calc(var(#{$css-var-prefix}spacing) * 0.15)
calc(var(#{$css-var-prefix}spacing) * 0.5);
transform: translateY(-55%) scale(0.8);
transform: translateY(-50%) scale(0.8);
color: var(#{$css-var-prefix}form-element-active-border-color);
font-size: var(#{$css-var-prefix}font-size);
line-height: 1.15;
transition: all $transition-fast;
}
> textarea + label {
top: 1rem;
transform: translateY(0);
}
> textarea:not(:placeholder-shown) + label,
> textarea:focus + label {
top: 0;
transform: translateY(-50%) scale(0.8);
}
@if map.get($modules, "forms/validation") {
> input:user-invalid:not(:placeholder-shown) + label,
> textarea:user-invalid:not(:placeholder-shown) + label {

View file

@ -1,4 +1,4 @@
/*!
* Pico CSS v2.2.7 (https://github.com/Yohn/PicoCSS)
* Pico CSS v2.2.8 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/