SCSS Structure

The Domiex - Admin & Dashboard Template follows a modular SCSS architecture located at Admin/assets/scss/**/**/*.scss, designed for scalability and easy maintenance. Our structure is organized logically to help developers quickly locate and modify styles. The SCSS is divided into core configuration files and modular components, with clear separation of concerns between framework overrides, utilities, and custom components.

• scss (#SCSS files for styling:)
  • custom
    • apps
    • chart
    • components
    • dashboards
    • fonts
    • forms
    • landing
    • mixin
    • pages
    • plugins
    • structure
  • _variables-custom.scss
  • _variables-dark.scss
  • _variables.scss
  • app.scss
  • bootstrap.scss
  • icons.scss

Key features of our SCSS architecture at Admin/assets/scss/:

• Variables system: Configuration in _variables.scss, _variables-dark.scss, and _variables-custom.scss
• Core files: Including bootstrap.scss for framework styles and app.scss as main entry point
• Modular components: Organized in the /custom directory with dedicated folders
• Logical separation: Component-specific styles in /custom/components and page-specific in /custom/pages
• Plugin styles: Managed separately in /custom/plugins for easy updates

The structure at Admin/assets/scss/ enables theme customization through variables while maintaining an organized codebase that's easy to extend.