mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
48 lines
595 B
Plaintext
48 lines
595 B
Plaintext
.foo {
|
|
@apply .px-4;
|
|
@apply .py-2;
|
|
@apply .bg-blue;
|
|
@apply .sans-alt;
|
|
}
|
|
|
|
.foo {
|
|
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;
|
|
}
|