mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
24 lines
577 B
Plaintext
24 lines
577 B
Plaintext
.generate-responsive-variants(@ruleset, @screen, @min-width) {
|
|
@prefix: ~"@{screen}\:";
|
|
|
|
@media (min-width: @min-width) {
|
|
.@{prefix} { @ruleset(); };
|
|
}
|
|
}
|
|
|
|
.responsive(@ruleset; @i: 1) when (@i <= length(@screens)) and not (@screens = none) {
|
|
@screen: extract(@screens, @i);
|
|
@name: extract(@screen, 1);
|
|
@screen-width: extract(@screen, 2);
|
|
|
|
.generate-responsive-variants(@ruleset, @name, @screen-width);
|
|
.responsive(@ruleset, @i + 1);
|
|
}
|
|
|
|
.screen(@screen, @ruleset) {
|
|
.extract-match(@screens; @screen);
|
|
@media (min-width: @__match) {
|
|
@ruleset();
|
|
}
|
|
}
|