项目初始化
This commit is contained in:
33
web-vue/packages/core/design/var/breakpoint.less
Normal file
33
web-vue/packages/core/design/var/breakpoint.less
Normal file
@@ -0,0 +1,33 @@
|
||||
// =================================
|
||||
// ==============屏幕断点============
|
||||
// =================================
|
||||
|
||||
// Extra small screen / phone
|
||||
@screen-xs: 480px;
|
||||
@screen-xs-min: @screen-xs;
|
||||
|
||||
// Small screen / tablet
|
||||
@screen-sm: 576px;
|
||||
@screen-sm-min: @screen-sm;
|
||||
|
||||
// Medium screen / desktop
|
||||
@screen-md: 768px;
|
||||
@screen-md-min: @screen-md;
|
||||
|
||||
// Large screen / wide desktop
|
||||
@screen-lg: 1024px;
|
||||
@screen-lg-min: @screen-lg;
|
||||
|
||||
// Extra large screen / full hd
|
||||
@screen-xl: 1200px;
|
||||
@screen-xl-min: @screen-xl;
|
||||
|
||||
// Extra extra large screen / large desktop
|
||||
@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);
|
||||
Reference in New Issue
Block a user