Skip to content

Instantly share code, notes, and snippets.

@zoozalp

zoozalp/antd-container.css

Created December 10, 2019 20:03
Show Gist options
  • Save zoozalp/aae02c4bb03b3e4aa8826805ec2d81af to your computer and use it in GitHub Desktop.
Save zoozalp/aae02c4bb03b3e4aa8826805ec2d81af to your computer and use it in GitHub Desktop.
Download ZIP
Raw
antd-container.css
@import "~antd/lib/style/index";
.container {
width: 100%;
display: flex;
align-self: center;
margin: auto;
}
.make-container(@minWidth, @breakpoint) {
@media (min-width: @minWidth) {
.container {
max-width: @breakpoint;
}
}
}
.make-container(@screen-xs-min, @screen-xs);
.make-container(@screen-sm-min, @screen-sm);
.make-container(@screen-md-min, @screen-md);
.make-container(@screen-lg-min, @screen-lg);
.make-container(@screen-xl-min, @screen-xl);
.make-container(@screen-xxl-min, @screen-xxl); // Optional
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment