Layouts & Theme

Classes related to layouts

This section covers the documentation about the classes which builds the layout .

The following table details about those classes:

/* Layout Related Classes
-------------------------------- */
/* Below is a unique class for default layout. For other layouts, 
you can replace default (after --) with the name of those layouts.
for example .dt-layout--crm */

/* Sidebar Related Classes (Only for layouts with sidebar)
-------------------------------- */
/* To fix the sidebar */

/* To make the sidebar folded */

/* To expend the sidebar
(Drift uses this on on-hover event when the sidebar is in folded mode) */

/* Header Related Classes (Only for default layouts)
-------------------------------- */
/* To fix the header */

/* Framing Related Classes 
--------------------------------- */
/* To make the framing fluid */

/* To make the framing covered from all four sides */

/* To make the framing in boxed style (or fixed width) */

/* Theme Related Classes (only for default layout)
---------------------------------- */
/* To apply the semi-dark theme */

/* To apply the light theme */

/* To apply the dark theme */

The following classes are related to the layouts with drawer and will be applied to sidebar:

/* to convert the sidebar into drawer */

/* To switch the drawer position either right or left */

Last updated