@layout-gutter | 8px | Antd layout spacing (unchageable) |
@font-size-base | 14px | Antd font size (unchageable) |
@primary-color | Blue | antd primary color |
@mobile-min | 768px | PC of width |
@mobile-max | 767px | Mobile of width |
@text-xs | @font-size-base - 2 | Text of xs size |
@text-sm | @font-size-base + 0 | Text of sm size |
@text-md | @font-size-base + 2 | Text of md size |
@text-lg | @font-size-base + 4 | Text of lg size |
@text-xl | @font-size-base + 8 | Text of xl size |
@text-xxl | @font-size-base + 12 | Text of xxl size |
@icon-sm | @font-size-base * 2 | Icon of sm size |
@icon-md | @font-size-base * 4 | Icon of md size |
@icon-lg | @font-size-base * 6 | Icon of lg size |
@icon-xl | @font-size-base * 8 | Icon of xl size |
@icon-xxl | @font-size-base * 10 | Icon of xxl size |
@h1-font-size | 32px | h1 font size |
@h2-font-size | 24px | h2 font size |
@h3-font-size | 20px | h3 font size |
@h4-font-size | 16px | h4 font size |
@h5-font-size | 14px | h5 font size |
@h6-font-size | 12px | h6 font size |
@enable-all-colors | false | Turn on background, text color eg: .bg-teal 、.text-teal |
@modal-sm | 300px | Small modal |
@modal-md | 500px | Medium modal |
@modal-lg | 900px | Large modal |
@modal-lg | 1200px | Extra large modal |
@drawer-sm | 300px | Small drawer |
@drawer-md | 500px | Medium drawer |
@drawer-lg | 900px | Large drawer |
@drawer-lg | 1200px | Extra large drawer |
@code-border-color | #eee | <code> border color |
@code-bg | #f7f7f7 | <code> background color |
@widths | xs @layout-gutter * 10
sm @layout-gutter * 20
md @layout-gutter * 30
lg @layout-gutter * 40
xl @layout-gutter * 50
xxl @layout-gutter * 50 | width |
@border-radius-md | 4px | Medium border rounded corner |
@border-radius-lg | 6px | Large border rounded corner |
@masonry-column-gap | @layout-gutter * 2 | CSS waterfall flow column and column spacing |
@scrollbar-enabled | true | Enable landscaping scrollbars |
@scrollbar-width | 6px | Scroll bar width |
@scrollbar-height | 6px | Scroll bar height |
@scrollbar-track-color | rgba(0, 0, 0, 0.3) | Scrollbar track color |
@scrollbar-thumb-color | #6e6e6e | Scrollbar thumb color |
@scrollbar-table-enabled | false | Enable landscaping scrollbars of nz-table |
@rtl-enabled | false | Wheter support RTL |
@enabled-util-align | true | Whether to enable tools align |
@enabled-util-border | true | Whether to enable tools border |
@enabled-util-code | true | Whether to enable tools code |
@enabled-util-color | true | Whether to enable tools color |
@enabled-util-display | true | Whether to enable tools display |
@enabled-util-float | true | Whether to enable tools float |
@enabled-util-icon | true | Whether to enable tools icon |
@enabled-util-img | true | Whether to enable tools img |
@enabled-util-position | true | Whether to enable tools position |
@enabled-util-overflow | true | Whether to enable tools overflow |
@enabled-util-responsive | true | Whether to enable tools responsive |
@enabled-util-spacing | true | Whether to enable tools spacing |
@enabled-util-text | true | Whether to enable tools text |
@enabled-util-width | true | Whether to enable tools width |
@enabled-util-scrollbar | true | Whether to enable tools scrollbar |
@enabled-util-other | true | Whether to enable tools other |