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

Module

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