mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-23 01:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: switch, dropdown, loading

Browse source
This commit is contained in:
Lucas Larroche 2024-01-25 21:27:02 +07:00
parent 04a7dc94ab
commit 4eee189dab
124 changed files with 538 additions and 406 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/pico.css
View file

@ -297,7 +297,7 @@ details summary[role=button]:not(.outline)::after {
--pico-form-element-valid-active-border-color: #279977;
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #bfc7d9;
--pico-switch-color: var(--pico-primary-inverse);
--pico-switch-color: #fff;
--pico-switch-checked-background-color: var(--pico-primary-background);
--pico-range-border-color: #dfe3eb;
--pico-range-active-border-color: #bfc7d9;
@ -416,7 +416,7 @@ details summary[role=button]:not(.outline)::after {
--pico-form-element-valid-active-border-color: #16896a;
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e;
--pico-switch-color: var(--pico-primary-inverse);
--pico-switch-color: #fff;
--pico-switch-checked-background-color: var(--pico-primary-background);
--pico-range-border-color: #202632;
--pico-range-active-border-color: #2a3140;
@ -538,7 +538,7 @@ details summary[role=button]:not(.outline)::after {
--pico-form-element-valid-active-border-color: #16896a;
--pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
--pico-switch-background-color: #333c4e;
--pico-switch-color: var(--pico-primary-inverse);
--pico-switch-color: #fff;
--pico-switch-checked-background-color: var(--pico-primary-background);
--pico-range-border-color: #202632;
--pico-range-active-border-color: #2a3140;
@ -2042,6 +2042,9 @@ nav details.dropdown {
display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
}
nav details.dropdown summary::after {
transform: rotate(0deg) translateX(0rem);
}
nav details.dropdown summary:not([role]) {
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);