202 lines
2.5 KiB
CSS
202 lines
2.5 KiB
CSS
a {
|
|
order: 1;
|
|
@nest b & {
|
|
order: 2;
|
|
}
|
|
@nest c & {
|
|
order: 3;
|
|
}
|
|
@nest d & {
|
|
order: 4;
|
|
}
|
|
@nest e & {
|
|
order: 5;
|
|
}
|
|
}
|
|
a {
|
|
order: 1;
|
|
@nest & b {
|
|
order: 2;
|
|
}
|
|
@nest & c {
|
|
order: 3;
|
|
}
|
|
@nest & d {
|
|
order: 4;
|
|
}
|
|
@nest & e {
|
|
order: 5;
|
|
}
|
|
}
|
|
|
|
.rule-1 {
|
|
order: 1;
|
|
@media screen, print {
|
|
order: 2;
|
|
&.rule-2 {
|
|
order: 3;
|
|
@media (max-width: 30em) {
|
|
order: 4;
|
|
@nest .rule-prefix & {
|
|
order: 5;
|
|
}
|
|
order: 6;
|
|
}
|
|
order: 7;
|
|
}
|
|
order: 8;
|
|
}
|
|
order: 9;
|
|
}
|
|
|
|
a, b {
|
|
order: 1;
|
|
& c, & d {
|
|
order: 2;
|
|
& e, & f {
|
|
order: 3;
|
|
}
|
|
order: 4;
|
|
}
|
|
order: 5;
|
|
}
|
|
a, b {
|
|
order: 1;
|
|
@nest & c, & d {
|
|
order: 2;
|
|
@nest & e, & f {
|
|
order: 3;
|
|
}
|
|
order: 4;
|
|
}
|
|
order: 5;
|
|
}
|
|
|
|
a {
|
|
& b {
|
|
& c {
|
|
order: 1;
|
|
}
|
|
}
|
|
}
|
|
d {
|
|
order: 2;
|
|
& e {
|
|
order: 3;
|
|
}
|
|
}
|
|
f {
|
|
& g {
|
|
order: 4;
|
|
}
|
|
order: 5;
|
|
}
|
|
a {
|
|
@nest & b {
|
|
@nest & c {
|
|
order: 1;
|
|
}
|
|
}
|
|
}
|
|
d {
|
|
order: 2;
|
|
@nest & e {
|
|
order: 3;
|
|
}
|
|
}
|
|
f {
|
|
@nest & g {
|
|
order: 4;
|
|
}
|
|
order: 5;
|
|
}
|
|
|
|
a, b {
|
|
order: 1;
|
|
c, d {
|
|
order: 2;
|
|
}
|
|
}
|
|
& e {
|
|
order: 3;
|
|
}
|
|
f {
|
|
& g & {
|
|
order: 4;
|
|
}
|
|
&h {
|
|
order: 5;
|
|
}
|
|
}
|
|
a, b {
|
|
order: 1;
|
|
@nest c, d {
|
|
order: 2;
|
|
}
|
|
}
|
|
@nest & e {
|
|
order: 3;
|
|
}
|
|
f {
|
|
@nest & g & {
|
|
order: 4;
|
|
}
|
|
@nest &h {
|
|
order: 5;
|
|
}
|
|
}
|
|
|
|
a {
|
|
order: 1;
|
|
@media (min-width: 100px) {
|
|
order: 2;
|
|
@media (max-width: 200px) {
|
|
order: 3;
|
|
}
|
|
& b {
|
|
@media (max-width: 200px) {
|
|
order: 4;
|
|
}
|
|
}
|
|
}
|
|
@media screen, print and speech {
|
|
@media (max-width: 300px), (min-aspect-ratio: 16/9) {
|
|
order: 5;
|
|
& c {
|
|
order: 6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
a {
|
|
order: 1;
|
|
@media (min-width: 100px) {
|
|
order: 2;
|
|
@media (max-width: 200px) {
|
|
order: 3;
|
|
}
|
|
@nest & b {
|
|
@media (max-width: 200px) {
|
|
order: 4;
|
|
}
|
|
}
|
|
}
|
|
@media screen, print and speech {
|
|
@media (max-width: 300px), (min-aspect-ratio: 16/9) {
|
|
order: 5;
|
|
@nest & c {
|
|
order: 6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
a {
|
|
order: 1;
|
|
@nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
|
|
order: 2;
|
|
}
|
|
@nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
|
|
order: 2;
|
|
}
|
|
}
|