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

RTL Version

Setup the right-to-left version

PreviousTheme CustomizationNextTemplate Setting

Last updated 5 years ago

Was this helpful?

All the layouts have the pre-generated RTL CSS files at the following path:

src / assets / css / {layout} / {theme_name}-rtl.css
src / assets / css / {layout} / {theme_name}-rtl.min.css

To customize the styling in SCSS, follow the topic and then to generate the RTL version, follow the instructions given in the below section.

Generate RTL files after customization

In order to generate the RTL files after the customization done in SCSS. You need to run the following Gulp commands:

$ gulp style-rtl-{layout}-{theme_name}

/* For example: $ gulp style-rtl-crm-main */

To generate a minified version, use the following command

$ gulp min-style-rtl-{layout}-{theme_name}

/* For example: $ gulp style-rtl-crm-main */
Theme Customization