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

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

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 {