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

Build System - Previous

Page Structure

Next - UI Elements

Colors

Last modified 3yr ago

Copy link

Contents

Module