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