x

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

Keen’s Key Features

Keen empowers your project with virtually limitless array of options
to create endless unique projects.

  • Based On Bootstrap 4.x
  • Multi-Demo Concept
  • Enterprise Ready Architect
  • Integrated Build Tools: Gulp, NPM, Yarn, SASS
  • Full RTL Support
  • Included Classic(without build tool) Version
  • Enterprise Ready Core Framework
  • Full SASS Support
  • Re-Usable Component System
  • And many more...
We truly hope that our love and dedication to produce an incredibly powerful high level solution suits all your project needs. We will continue to deliver incredible enterprise ready solutions for Angular, React and VueJS to serve you better. We sincerely hope you enjoyed using Keen as much as we enjoyed building it.

Sean,  Keenthemes Co-Author