mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 01:46:14 -04:00
had to update the striped table rows again cause they were failing, and update the floating labels
This commit is contained in:
parent
af735a6d75
commit
ba48bb50da
6 changed files with 264 additions and 319 deletions
|
@ -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 */
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue