mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 02:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

18
scss/forms/_floating.scss
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 {