Drift Angular
  • Overview
  • Package Content
  • Installation and Setup
    • Setup Environment
    • Setup Project
    • Setup Layout
    • Deployment
  • Structure
    • Folders and Files Structure
    • Layouts
    • Drift Icons
  • Stylesheets
    • Overview
    • Sass Variables
    • Layouts & Theme
    • Fonts
    • Colors
    • Back Ground Images
    • Margin & Paddings
    • Theme Customization
    • RTL Version
  • Settings
    • Template Setting
    • Customize Horizontal Menu
    • Customize Vertical Menu
    • Create a Page
    • Define Routes
    • Root Loader
    • RTL
    • Internationalization
  • Components
    • Alerts
    • Badges
    • Breadcrumbs
    • Buttons
    • Button Group
    • Cards
    • Card Group
    • Collapse
    • Dropdowns
    • Progress Bar
    • Tabs
Powered by GitBook
On this page

Was this helpful?

  1. Stylesheets

Sass Variables

To find all the Sass variables, you will need to access the below file:

src / scss / layouts / {layout} / themes / {theme} / _variables.scss

Where

{layout} is the layout you want to work in. For example, default

{theme} is either the existing theme provided by Drift or the one created your own custom one

In Drift Angular, All of the BootStrap variables are copied over in _variables.scss. Many of those are customized as per the layout and theme but there are still few variables which we didn't customize. Those variables are commented in _variables.scss

So, whenever you feel like you need to customize those variables too, you can uncomment those and set the specific value in there.

PreviousOverviewNextLayouts & Theme

Last updated 5 years ago

Was this helpful?