mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 08:45:06 -04:00
feat: loading RTL support
This commit is contained in:
parent
329793e828
commit
0fe9c4be83
10 changed files with 13 additions and 14 deletions
|
@ -2060,14 +2060,14 @@ details[role=list][open] summary::before {
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background-image: var(--pico-icon-loading);
|
background-image: var(--pico-icon-loading);
|
||||||
background-position: right center;
|
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
vertical-align: -0.125em;
|
vertical-align: -0.125em;
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
||||||
margin-right: calc(var(--pico-spacing) * 0.5);
|
-webkit-margin-end: calc(var(--pico-spacing) * 0.5);
|
||||||
|
margin-inline-end: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):empty {
|
[aria-busy=true]:not(input, select, textarea):empty {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -2169,14 +2169,14 @@ details[role=list][open] summary::before {
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background-image: var(--pico-icon-loading);
|
background-image: var(--pico-icon-loading);
|
||||||
background-position: right center;
|
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
vertical-align: -0.125em;
|
vertical-align: -0.125em;
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
||||||
margin-right: calc(var(--pico-spacing) * 0.5);
|
-webkit-margin-end: calc(var(--pico-spacing) * 0.5);
|
||||||
|
margin-inline-end: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):empty {
|
[aria-busy=true]:not(input, select, textarea):empty {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -2023,14 +2023,14 @@ details[role=list][open] summary::before {
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background-image: var(--pico-icon-loading);
|
background-image: var(--pico-icon-loading);
|
||||||
background-position: right center;
|
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
vertical-align: -0.125em;
|
vertical-align: -0.125em;
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
|
||||||
margin-right: calc(var(--pico-spacing) * 0.5);
|
-webkit-margin-end: calc(var(--pico-spacing) * 0.5);
|
||||||
|
margin-inline-end: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
[aria-busy=true]:not(input, select, textarea):empty {
|
[aria-busy=true]:not(input, select, textarea):empty {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -13,7 +13,6 @@
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
background-image: var(#{$✨}icon-loading);
|
background-image: var(#{$✨}icon-loading);
|
||||||
background-position: right center;
|
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -22,7 +21,7 @@
|
||||||
|
|
||||||
&:not(:empty) {
|
&:not(:empty) {
|
||||||
&::before {
|
&::before {
|
||||||
margin-right: calc(var(#{$✨}spacing) * 0.5);
|
margin-inline-end: calc(var(#{$✨}spacing) * 0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue