Keen - The Ultimate Multi-Demo Bootstrap Admin Theme

The most complete UI/UX template solution for today's web projects of any size

Demo SASS

Demo Layout SASS

Each demo has own base style(the layout base and partials) [root]/theme/default/src/theme/demo/[demo_id]/sass/style.scss that will be compiled into the demo's base css bundle [root]/theme/default/dist/default/assets/demo/[demo_id]/base/styles.bundle.css.

Demo Config SASS

Each demo has own SASS config [root]/theme/default/src/theme/demo/[demo]/sass/_config.scss that will be used to compile the above main style SASS file style.scss. In this config file you can override any of the Global SASS variables.

Variable Description
$k-page-bg-color Page background color.
Config
$k-page-bg-color: #f2f3f8;
$k-page-padding Page padding based on the responsive screens.
Config
$k-page-padding: (
	desktop: 25px,
	mobile: 15px
);
$k-page-margin Page margin based on the responsive screens.
Config
$k-page-margin: (
	desktop: 30px,
	mobile: 0
);
$k-page-body-bg-color Page body background color.
Config
$k-page-body-bg-color: #efeff5;
$k-page-content-bg-color Page content background color.
Config
$k-page-content-bg-color: #f9f9fc;
$k-page-container-width Fixed page width.
Config
$k-page-container-width: 1380px;
$k-page-fluid-container-padding Fluid page padding.
Config
$k-page-fluid-container-padding: 80px;
$k-aside-default-width Aside menu width for default state.
Config
$k-aside-default-width: 260px;
$k-aside-minimize-width Aside menu width for minimize state.
Config
$k-aside-minimize-width: 78px;
$k-aside-offcanvas-width Aside menu width of offcanvas.
Config
$k-aside-offcanvas-width: 255px;
$k-layout-skins Layout skin colors.
Config
$k-layout-skins: (
	brand: #4d65dc,
	navy: #242939,
	light: #ffffff
);