|
|
|
@ -3,11 +3,11 @@
|
|
|
|
|
// ================================= |
|
|
|
|
|
|
|
|
|
// Extra small screen / phone |
|
|
|
|
@screen-xs: 480px; |
|
|
|
|
@screen-xs: 320px; |
|
|
|
|
@screen-xs-min: @screen-xs; |
|
|
|
|
|
|
|
|
|
// Small screen / tablet |
|
|
|
|
@screen-sm: 576px; |
|
|
|
|
@screen-sm: 640px; |
|
|
|
|
@screen-sm-min: @screen-sm; |
|
|
|
|
|
|
|
|
|
// Medium screen / desktop |
|
|
|
@ -15,15 +15,15 @@
|
|
|
|
|
@screen-md-min: @screen-md; |
|
|
|
|
|
|
|
|
|
// Large screen / wide desktop |
|
|
|
|
@screen-lg: 992px; |
|
|
|
|
@screen-lg: 960px; |
|
|
|
|
@screen-lg-min: @screen-lg; |
|
|
|
|
|
|
|
|
|
// Extra large screen / full hd |
|
|
|
|
@screen-xl: 1200px; |
|
|
|
|
@screen-xl: 1280px; |
|
|
|
|
@screen-xl-min: @screen-xl; |
|
|
|
|
|
|
|
|
|
// Extra extra large screen / large desktop |
|
|
|
|
@screen-2xl: 1600px; |
|
|
|
|
@screen-2xl: 1536px; |
|
|
|
|
@screen-2xl-min: @screen-2xl; |
|
|
|
|
|
|
|
|
|
@screen-xs-max: (@screen-sm-min - 1px); |
|
|
|
|