46 lines
598 B
Text
46 lines
598 B
Text
.foo {
|
|
@apply .px-4;
|
|
@apply .bg-blue .py-2;
|
|
}
|
|
|
|
.foo {
|
|
// @class "oreo bg-blue px-4";
|
|
background-color: red;
|
|
@media (--breakpoint-sm) {
|
|
// @class "py-2";
|
|
background-color: green;
|
|
}
|
|
@media (--breakpoint-md) {
|
|
background-color: orange;
|
|
}
|
|
}
|
|
|
|
@responsive {
|
|
.bar {
|
|
color: orange;
|
|
}
|
|
}
|
|
|
|
@tailwind utilities;
|
|
|
|
@responsive {
|
|
.px-4 {
|
|
padding-right: 1rem;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.py-2 {
|
|
padding-top: .5rem;
|
|
padding-bottom: .5rem;
|
|
}
|
|
}
|
|
|
|
@responsive {
|
|
.sans-alt {
|
|
font-family: 'Brandon Text';
|
|
}
|
|
}
|
|
|
|
.this-should-be-the-very-end {
|
|
color: red;
|
|
}
|