#### 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