| | |
|---|
| | | // ================================= |
|---|
| | | |
|---|
| | | // 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 |
|---|
| | |
|---|
| | | @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); |
|---|
