update default media queries breakpoints
This commit is contained in:
parent
4a90d20aa9
commit
6e97df10d9
11 changed files with 60 additions and 33 deletions
|
@ -123,7 +123,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: @screen-sm) {
|
||||
.@{modal-prefix-cls} {
|
||||
width: auto !important;
|
||||
margin: 10px;
|
||||
|
|
|
@ -61,7 +61,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: @screen-sm) {
|
||||
.@{scroll-prefix-cls} {
|
||||
}
|
||||
}
|
||||
|
|
|
@ -149,20 +149,30 @@
|
|||
@screen-xs-max : (@screen-xs-min - 1);
|
||||
|
||||
// Small screen / tablet
|
||||
@screen-sm : 768px;
|
||||
@screen-sm : 576px;
|
||||
@screen-sm-min : @screen-sm;
|
||||
@screen-sm-max : (@screen-sm-min - 1);
|
||||
|
||||
// Medium screen / desktop
|
||||
@screen-md : 992px;
|
||||
@screen-md : 768px;
|
||||
@screen-md-min : @screen-md;
|
||||
@screen-md-max : (@screen-md-min - 1);
|
||||
|
||||
// Large screen / wide desktop
|
||||
@screen-lg : 1200px;
|
||||
@screen-lg : 992px;
|
||||
@screen-lg-min : @screen-lg;
|
||||
@screen-lg-max : (@screen-lg-min - 1);
|
||||
|
||||
// Extra large screen / full hd
|
||||
@screen-xl : 1200px;
|
||||
@screen-xl-min : @screen-xl;
|
||||
@screen-xl-max : (@screen-xl-min - 1);
|
||||
|
||||
// Extra extra large screen / large descktop
|
||||
@screen-xxl : 1600px;
|
||||
@screen-xxl-min : @screen-xxl;
|
||||
@screen-xxl-max : (@screen-xxl-min - 1);
|
||||
|
||||
// Z-index
|
||||
@zindex-spin : 8;
|
||||
@zindex-affix : 10;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue