SASS

Cork Admin is built with SASS (Syntactically Awesome Stylesheets), a powerful CSS preprocessor that enables a modular, scalable, and maintainable styling architecture. By leveraging SASS, developers can customize themes, variables, and components efficiently without touching the core CSS files.

⚙️ Why SASS?

SASS allows you to write cleaner, more organized CSS with features such as:

1 - Variables

Define global colors, font sizes, breakpoints, spacing, etc.

2 - Nesting

Maintain structure by nesting selectors inside their parent elements.

3 - Partials

Split styles into reusable files for better project organization.

4 - Mixins

Reuse groups of styles with dynamic inputs.

5 - Functions & Operators

Perform calculations and logic inside your styles.

📁 SASS Folder Structure

You can find all SASS source files inside the src/scss/ directory:

HTML

├── SCSS                    -> Contains the SCSS Files
    ├── base
    ├── dark
    ├── layouts
    └── light
    └── utilities

Note: You should make all your SASS customizations inside the html/scss/ folder to keep your changes separate from compiled CSS.