Blame view

src/design/var/breakpoint.less 800 Bytes
陈文彬 authored
1
2
3
4
// =================================
// ==============屏幕断点============
// =================================
vben authored
5
6
7
8
// Extra small screen / phone
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
陈文彬 authored
9
// Small screen / tablet
vben authored
10
11
@screen-sm: 576px;
@screen-sm-min: @screen-sm;
陈文彬 authored
12
13
14

// Medium screen / desktop
@screen-md: 768px;
vben authored
15
@screen-md-min: @screen-md;
陈文彬 authored
16
17

// Large screen / wide desktop
vben authored
18
19
@screen-lg: 992px;
@screen-lg-min: @screen-lg;
陈文彬 authored
20
21

// Extra large screen / full hd
vben authored
22
23
@screen-xl: 1200px;
@screen-xl-min: @screen-xl;
陈文彬 authored
24
25

// Extra extra large screen / large desktop
vben authored
26
27
28
29
30
31
32
33
@screen-2xl: 1600px;
@screen-2xl-min: @screen-2xl;

@screen-xs-max: (@screen-sm-min - 1px);
@screen-sm-max: (@screen-md-min - 1px);
@screen-md-max: (@screen-lg-min - 1px);
@screen-lg-max: (@screen-xl-min - 1px);
@screen-xl-max: (@screen-2xl-min - 1px);