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

add state support to search input

Browse source
This commit is contained in:
Ömür Yanıkoğlu 2022-03-09 04:40:51 +03:00
parent 732893455e
commit cae68949b9
1 changed files with 39 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

39
scss/content/_form-alt-input-types.scss
View file

@ -232,6 +232,24 @@ input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="
background-position: center left 1.125rem;
background-size: 1rem auto;
background-repeat: no-repeat;
&[aria-invalid] {
@if $enable-important {
padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
}
@else {
padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);
}
background-position: center left 1.125rem, center right 0.75rem;
}
&[aria-invalid="false"] {
background-image: var(--icon-search), var(--icon-valid);
}
&[aria-invalid="true"] {
background-image: var(--icon-search), var(--icon-invalid);
}
}
}
@ -242,3 +260,24 @@ input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="
display: none;
}
}
[dir="rtl"] {
:where(input) {
&:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
&[type="search"] {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.75rem);
background-position: center right 1.125rem;
&[aria-invalid] {
@if $enable-important {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
}
@else {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.75rem);
}
background-position: center right 1.125rem, center left 0.75rem;
}
}
}
}
}