Merge pull request #154 from picocss/ll/fix/rtl

Fix RTL: Progress bar
This commit is contained in:
Lucas Larroche 2022-02-06 10:28:28 +07:00 committed by GitHub
commit d6ee665cc1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 35 additions and 9 deletions

View file

@ -2034,6 +2034,12 @@ progress::-moz-progress-bar {
} }
} }
@media (prefers-reduced-motion: no-preference) {
[dir=rtl] progress:indeterminate {
animation-direction: reverse;
}
}
@-webkit-keyframes progressIndeterminate { @-webkit-keyframes progressIndeterminate {
0% { 0% {
background-position: 200% 0; background-position: 200% 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2308,6 +2308,12 @@ progress::-moz-progress-bar {
} }
} }
@media (prefers-reduced-motion: no-preference) {
[dir=rtl] progress:indeterminate {
animation-direction: reverse;
}
}
@-webkit-keyframes progressIndeterminate { @-webkit-keyframes progressIndeterminate {
0% { 0% {
background-position: 200% 0; background-position: 200% 0;

File diff suppressed because one or more lines are too long

View file

@ -2004,6 +2004,12 @@ progress::-moz-progress-bar {
} }
} }
@media (prefers-reduced-motion: no-preference) {
[dir=rtl] progress:indeterminate {
animation-direction: reverse;
}
}
@-webkit-keyframes progressIndeterminate { @-webkit-keyframes progressIndeterminate {
0% { 0% {
background-position: 200% 0; background-position: 200% 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -71,6 +71,14 @@ progress {
} }
} }
[dir="rtl"] {
@media (prefers-reduced-motion: no-preference) {
progress:indeterminate {
animation-direction: reverse;
}
}
}
@keyframes progressIndeterminate { @keyframes progressIndeterminate {
0% { 0% {
background-position: 200% 0; background-position: 200% 0;