mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
20 lines
390 B
Plaintext
20 lines
390 B
Plaintext
.container {
|
|
@apply .px-4;
|
|
@apply .mx-auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.generate-containers(@i: 1) when (@i <= length(@screens)) {
|
|
@screen: extract(@screens, @i);
|
|
@screen-width: extract(@screen, 2);
|
|
@container-width: extract(@screen, 3);
|
|
|
|
@media (min-width: @screen-width) {
|
|
.container { max-width: @container-width; }
|
|
}
|
|
|
|
.generate-containers(@i + 1);
|
|
}
|
|
|
|
.generate-containers();
|