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

RTL support #34

Browse source
This commit is contained in:
Lucas Larroche 2021-10-24 02:06:00 +07:00
parent 6363f84087
commit 001d1a9657
17 changed files with 374 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

31
scss/content/_form.scss
View file

@ -224,10 +224,16 @@ textarea {
&[aria-invalid] {
@if $enable-important {
padding-right: 2rem !important;
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-left: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
}
@else {
padding-right: 2rem;
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(--form-element-spacing-horizontal);
}
background-position: center right .75rem;
background-repeat: no-repeat;
@ -265,6 +271,16 @@ textarea {
}
}
[dir="rtl"] {
input,
select,
textarea {
&[aria-invalid] {
background-position: center left .75rem;
}
}
}
// Placeholder
input::placeholder,
input::-webkit-input-placeholder,
@ -293,6 +309,9 @@ select {
&:not([multiple]):not([size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-start: var(--form-element-spacing-horizontal);
background-image: var(--icon-chevron);
background-position: center right .75rem;
background-repeat: no-repeat;
@ -300,6 +319,14 @@ select {
}
}
[dir="rtl"] {
select {
&:not([multiple]):not([size]) {
background-position: center left .75rem;
}
}
}
// Helper
input,
select,