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;