Customization
SCSS
We provide a set of SCSS variables which you can override to customize your layout
$sidebar-width: 280px !default;
$sidebar-collapsed-width: 80px !default;
$header-height: 64px !default;
$footer-height: 64px !default;
$breakpoint-xs: 480px !default;
$breakpoint-sm: 576px !default;
$breakpoint-md: 768px !default;
$breakpoint-lg: 992px !default;
$breakpoint-xl: 1200px !default;
$breakpoint-xxl: 1600px !default;
Less
The same set of variables are also available in Less for you to override
@sidebar-width: 280px;
@sidebar-collapsed-width: 80px;
@header-height: 64px;
@footer-height: 64px;
@breakpoint-xs: 480px;
@breakpoint-sm: 576px;
@breakpoint-md: 768px;
@breakpoint-lg: 992px;
@breakpoint-xl: 1200px;
@breakpoint-xxl: 1600px;