Sass Modules
Sass is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions. sass is default compiler for Bootstrap v4. Atlas supports and extends Bootstraps sass variables and modules to build the admin interface
Following is the list of sass modules in the ./src/theme/ folder you can tweak and compile the modules according to your needs.
Module Name | Description |
alert | Classes for creating pinned alerts on the page & border style alerts |
badge | Contains tweak for bootstrap badges with soft variants |
buttons | Extends bootstrap button class for more options like rounded, ghost etc |
border | For different border styles |
cards | Bootstrap cards over-written classes with card-controls styles |
dropdown | Overriding some of dropdown menu properties, notification menu styles |
forms | Form related classes including form dark options |
modal | Extending bootstrap modal classes with more styles |
table | All table related classes |
tab | Adding line tab to existing bootstrap Tabs module |
typography | Contains all typo related styles |
accordion | Bootstrap accordions with variation |
avatar | Contains style for avatars |
loader | Styles for loading effect on cards |
timeline | Contains variations for timeline pages large and small |
sidebar | Sidebar classes with side menu options |
layout | Contains layout for page like page header and main |
spacing | contains spacing and margin options |
sizing | Contains classes for page heights from 10vh to 100vh |
panel | Flex panels used for chat and mail apps |
Chat | Contains css related to chat app |
kanban | Contains css related to kanban app |
guide | Contains css related to guide app |
Contains css related to mail app | |
background | Additional background classes |
grid-xlg | Grid for extra large devices greater than 1800px |
helper | Miscellaneous helper classes |
demo | For demo purpose can be removed |
