sharpetronics/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-02-22 00:04:36 -05:00
Code Issues Projects Releases Wiki Activity

fix:Button Padding Problem Fixed(SCSS update)

Browse Source
This commit is contained in:
hybs123 2024-03-03 13:05:39 +05:30
parent d610bd3b07
commit 2ada5ea6fe
7 changed files with 1138 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/pico.classless.css
View File

@ -549,7 +549,6 @@ progress,
:where(:root) {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: var(--pico-background-color);
color: var(--pico-color);
@ -560,8 +559,6 @@ progress,
text-underline-offset: var(--pico-text-underline-offset);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
@ -778,10 +775,6 @@ del {
color: var(--pico-del-color);
}
::-moz-selection {
background-color: var(--pico-text-selection-color);
}
::selection {
background-color: var(--pico-text-selection-color);
}
@ -797,13 +790,10 @@ del {
outline: none;
background-color: var(--pico-background-color);
color: var(--pico-color);
-webkit-text-decoration: var(--pico-text-decoration);
text-decoration: var(--pico-text-decoration);
text-decoration-color: var(--pico-underline);
text-underline-offset: 0.125em;
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
}
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
@ -860,8 +850,6 @@ button,
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -1194,8 +1182,6 @@ textarea {
input:not([type=checkbox], [type=radio], [type=range], [type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}
@ -1384,7 +1370,6 @@ label > :where(input, select, textarea) {
* Checkboxes, Radios and Switches
*/
label:has([type=checkbox], [type=radio]) {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
}
@ -1616,7 +1601,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-moz-range-track {
@ -1624,7 +1608,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-ms-track {
@ -1632,7 +1615,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-webkit-slider-thumb {
@ -1644,7 +1626,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-moz-range-thumb {
@ -1656,7 +1637,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-moz-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-ms-thumb {
@ -1668,7 +1648,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-ms-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]:active, [type=range]:focus-within {
@ -2003,7 +1982,6 @@ dialog {
min-height: 100%;
padding: 0;
border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color);
@ -2115,6 +2093,7 @@ nav li :where(a, [role=link]):not(:hover) {
}
nav li button,
nav li [role=button],
nav li [type=button],
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
nav li select {
height: auto;
@ -2200,7 +2179,6 @@ progress::-webkit-progress-bar {
}
progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
}
progress::-moz-progress-bar {

28
css/pico.conditional.css
View File

@ -617,7 +617,6 @@ nav details.dropdown summary:focus-visible {
:where(:root) {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: var(--pico-background-color);
color: var(--pico-color);
@ -628,8 +627,6 @@ nav details.dropdown summary:focus-visible {
text-underline-offset: var(--pico-text-underline-offset);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
@ -882,10 +879,6 @@ main {
color: var(--pico-del-color);
}
.pico ::-moz-selection {
background-color: var(--pico-text-selection-color);
}
.pico ::selection {
background-color: var(--pico-text-selection-color);
}
@ -901,13 +894,10 @@ main {
outline: none;
background-color: var(--pico-background-color);
color: var(--pico-color);
-webkit-text-decoration: var(--pico-text-decoration);
text-decoration: var(--pico-text-decoration);
text-decoration-color: var(--pico-underline);
text-underline-offset: 0.125em;
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
}
.pico :where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
.pico [role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
@ -984,8 +974,6 @@ main {
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -1370,8 +1358,6 @@ main {
.pico input:not([type=checkbox], [type=radio], [type=range], [type=file]),
.pico select,
.pico textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}
@ -1560,7 +1546,6 @@ main {
* Checkboxes, Radios and Switches
*/
.pico label:has([type=checkbox], [type=radio]) {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
}
@ -1792,7 +1777,6 @@ main {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
.pico [type=range]::-moz-range-track {
@ -1800,7 +1784,6 @@ main {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
.pico [type=range]::-ms-track {
@ -1808,7 +1791,6 @@ main {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
.pico [type=range]::-webkit-slider-thumb {
@ -1820,7 +1802,6 @@ main {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
.pico [type=range]::-moz-range-thumb {
@ -1832,7 +1813,6 @@ main {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-moz-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
.pico [type=range]::-ms-thumb {
@ -1844,7 +1824,6 @@ main {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-ms-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
.pico [type=range]:active, .pico [type=range]:focus-within {
@ -2032,8 +2011,6 @@ main {
color: var(--pico-form-element-placeholder-color);
line-height: inherit;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -2080,7 +2057,6 @@ main {
left: 0;
flex-direction: column;
width: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
margin: 0;
margin-top: var(--pico-outline-width);
@ -2339,7 +2315,6 @@ main {
min-height: 100%;
padding: 0;
border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color);
@ -2437,7 +2412,6 @@ main {
@keyframes modal-overlay {
from {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent;
}
@ -2496,6 +2470,7 @@ main {
}
.pico nav li button,
.pico nav li [role=button],
.pico nav li [type=button],
.pico nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
.pico nav li select {
height: auto;
@ -2581,7 +2556,6 @@ main {
}
.pico progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
}
.pico progress::-moz-progress-bar {

28
css/pico.css
View File

@ -617,7 +617,6 @@ progress,
:where(:root) {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: var(--pico-background-color);
color: var(--pico-color);
@ -628,8 +627,6 @@ progress,
text-underline-offset: var(--pico-text-underline-offset);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
@ -882,10 +879,6 @@ del {
color: var(--pico-del-color);
}
::-moz-selection {
background-color: var(--pico-text-selection-color);
}
::selection {
background-color: var(--pico-text-selection-color);
}
@ -901,13 +894,10 @@ del {
outline: none;
background-color: var(--pico-background-color);
color: var(--pico-color);
-webkit-text-decoration: var(--pico-text-decoration);
text-decoration: var(--pico-text-decoration);
text-decoration-color: var(--pico-underline);
text-underline-offset: 0.125em;
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
}
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
@ -984,8 +974,6 @@ button,
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -1370,8 +1358,6 @@ textarea {
input:not([type=checkbox], [type=radio], [type=range], [type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}
@ -1560,7 +1546,6 @@ label > :where(input, select, textarea) {
* Checkboxes, Radios and Switches
*/
label:has([type=checkbox], [type=radio]) {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
}
@ -1792,7 +1777,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-moz-range-track {
@ -1800,7 +1784,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-ms-track {
@ -1808,7 +1791,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-webkit-slider-thumb {
@ -1820,7 +1802,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-moz-range-thumb {
@ -1832,7 +1813,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-moz-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-ms-thumb {
@ -1844,7 +1824,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-ms-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]:active, [type=range]:focus-within {
@ -2032,8 +2011,6 @@ details.dropdown summary:not([role]) {
color: var(--pico-form-element-placeholder-color);
line-height: inherit;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -2080,7 +2057,6 @@ details.dropdown summary + ul {
left: 0;
flex-direction: column;
width: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
margin: 0;
margin-top: var(--pico-outline-width);
@ -2339,7 +2315,6 @@ dialog {
min-height: 100%;
padding: 0;
border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color);
@ -2437,7 +2412,6 @@ dialog:not([open]), dialog[open=false] {
@keyframes modal-overlay {
from {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent;
}
@ -2496,6 +2470,7 @@ nav li :where(a, [role=link]):not(:hover) {
}
nav li button,
nav li [role=button],
nav li [type=button],
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
nav li select {
height: auto;
@ -2581,7 +2556,6 @@ progress::-webkit-progress-bar {
}
progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
}
progress::-moz-progress-bar {

24
css/pico.fluid.classless.css
View File

@ -549,7 +549,6 @@ progress,
:where(:root) {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: var(--pico-background-color);
color: var(--pico-color);
@ -560,8 +559,6 @@ progress,
text-underline-offset: var(--pico-text-underline-offset);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
@ -741,10 +738,6 @@ del {
color: var(--pico-del-color);
}
::-moz-selection {
background-color: var(--pico-text-selection-color);
}
::selection {
background-color: var(--pico-text-selection-color);
}
@ -760,13 +753,10 @@ del {
outline: none;
background-color: var(--pico-background-color);
color: var(--pico-color);
-webkit-text-decoration: var(--pico-text-decoration);
text-decoration: var(--pico-text-decoration);
text-decoration-color: var(--pico-underline);
text-underline-offset: 0.125em;
transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition);
}
:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),
[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
@ -823,8 +813,6 @@ button,
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}
@ -1157,8 +1145,6 @@ textarea {
input:not([type=checkbox], [type=radio], [type=range], [type=file]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}
@ -1347,7 +1333,6 @@ label > :where(input, select, textarea) {
* Checkboxes, Radios and Switches
*/
label:has([type=checkbox], [type=radio]) {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
}
@ -1579,7 +1564,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-moz-range-track {
@ -1587,7 +1571,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-ms-track {
@ -1595,7 +1578,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
height: 0.375rem;
border-radius: var(--pico-border-radius);
background-color: var(--pico-range-border-color);
-ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
transition: background-color var(--pico-transition), box-shadow var(--pico-transition);
}
[type=range]::-webkit-slider-thumb {
@ -1607,7 +1589,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-webkit-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-moz-range-thumb {
@ -1619,7 +1600,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-moz-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]::-ms-thumb {
@ -1631,7 +1611,6 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
border-radius: 50%;
background-color: var(--pico-range-thumb-color);
cursor: pointer;
-ms-transition: background-color var(--pico-transition), transform var(--pico-transition);
transition: background-color var(--pico-transition), transform var(--pico-transition);
}
[type=range]:active, [type=range]:focus-within {
@ -1966,7 +1945,6 @@ dialog {
min-height: 100%;
padding: 0;
border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color);
@ -2078,6 +2056,7 @@ nav li :where(a, [role=link]):not(:hover) {
}
nav li button,
nav li [role=button],
nav li [type=button],
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
nav li select {
height: auto;
@ -2163,7 +2142,6 @@ progress::-webkit-progress-bar {
}
progress[value]::-webkit-progress-value {
background-color: var(--pico-progress-color);
-webkit-transition: inline-size var(--pico-transition);
transition: inline-size var(--pico-transition);
}
progress::-moz-progress-bar {

5
package.json
View File

@ -66,5 +66,8 @@
},
"browserslist": [
"defaults"
]
],
"dependencies": {
"node-sass": "^9.0.0"
}
}

1
scss/components/_nav.scss
View File

@ -64,6 +64,7 @@
// Minimal support for buttons and forms elements
button,
[role="button"],
[type="button"],
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
select {
height: auto;

1139
yarn.lock
View File

File diff suppressed because it is too large Load Diff