@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
62 lines (60 loc) • 892 B
CSS
@breakpoints {
.rt-r-gc {
/* Keep this selector here to maintain the source order */
}
.rt-r-gc-1 {
grid-column: 1;
}
.rt-r-gc-2 {
grid-column: 2;
}
.rt-r-gc-3 {
grid-column: 3;
}
.rt-r-gc-4 {
grid-column: 4;
}
.rt-r-gc-5 {
grid-column: 5;
}
.rt-r-gc-6 {
grid-column: 6;
}
.rt-r-gc-7 {
grid-column: 7;
}
.rt-r-gc-8 {
grid-column: 8;
}
.rt-r-gc-9 {
grid-column: 9;
}
}
.rt-r-gc {
grid-column: var(--grid-column);
}
@media (--xs) {
.xs\:rt-r-gc {
grid-column: var(--grid-column-xs);
}
}
@media (--sm) {
.sm\:rt-r-gc {
grid-column: var(--grid-column-sm);
}
}
@media (--md) {
.md\:rt-r-gc {
grid-column: var(--grid-column-md);
}
}
@media (--lg) {
.lg\:rt-r-gc {
grid-column: var(--grid-column-lg);
}
}
@media (--xl) {
.xl\:rt-r-gc {
grid-column: var(--grid-column-xl);
}
}