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

reorder scss files to match build output

Browse source
This commit is contained in:
drmason13 2024-08-31 12:28:51 +01:00
parent f91ef15cef
commit fd93112beb
10 changed files with 27 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

14
scss/forms/_basics.scss
View file

@ -264,18 +264,18 @@
) {
&[aria-invalid] {
@if $enable-important {
padding-inline-end: calc(
var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem
) !important;
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal) !important;
padding-inline-end: calc(
var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem
) !important;
padding-inline-end: calc(
var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem
) !important;
} @else {
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
}
background-position: center right 0.75rem;
@ -393,9 +393,9 @@
}
&:not([multiple], [size]) {
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
background-image: var(#{$css-var-prefix}icon-chevron);
background-position: center right 0.75rem;

2
scss/forms/_checkbox-radio-switch.scss
View file

@ -22,8 +22,8 @@
appearance: none;
width: 1.25em;
height: 1.25em;
margin-block-start: -0.125em;
margin-inline-end: 0.5em;
margin-block-start: -0.125em;
border-width: var(#{$css-var-prefix}border-width);
vertical-align: middle;
cursor: pointer;

6
scss/forms/_input-date.scss
View file

@ -11,7 +11,9 @@
&:is([type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
#{$css-var-prefix}icon-position: 0.75rem;
#{$css-var-prefix}icon-width: 1rem;
padding-inline-end: calc(var(#{$css-var-prefix}icon-width) + var(#{$css-var-prefix}icon-position));
padding-inline-end: calc(
var(#{$css-var-prefix}icon-width) + var(#{$css-var-prefix}icon-position)
);
background-image: var(#{$css-var-prefix}icon-date);
background-position: center right var(#{$css-var-prefix}icon-position);
background-size: var(#{$css-var-prefix}icon-width) auto;
@ -32,8 +34,8 @@
#{$parent-selector} [type="week"] {
&::-webkit-calendar-picker-indicator {
width: var(#{$css-var-prefix}icon-width);
margin-inline-end: calc(var(#{$css-var-prefix}icon-width) * -1);
margin-inline-start: var(#{$css-var-prefix}icon-position);
margin-inline-end: calc(var(#{$css-var-prefix}icon-width) * -1);
opacity: 0;
}
}