Style Usage

Apex admin manages all scss files in assets/ folder and it also allows users to add their own scss files inside assets folder.

Plugins CSS can be found under src/assets/css folder.

SCSS files structure for Apex assets.


Apex/
├── assets/
|   ├── sass/
|   |   ├── scss/
|   |   |   ├── bootstrap/
|   |   |   ├── core/
|   |   |   ├── fonts/
|   |   |   ├── mixins/
|   |   |   ├── plugins/
|   |   |   ├── core.scss
|   |   |   ├── custom-bootstrap.scss
|   |   |   ├── mixins.scss
|   |   |   ├── variables.scss
|   |   |   ├── app-variables.scss
|   |   |   ├── demo.scss
|   |   |   ├── plugins.scss
|   |   └── app.scss

Following is the details of what all scss folders.

# Folder/Files Details
1 bootstrap bootstrap/ folder contain Bootstrap 4 core scss files, that are customized for the apex admin.
1 core core/ folder contain app's scss files for apex admin.
2 fonts fonts/ folder contain all fonts scss files.
2 mixins mixins/ folder contain colors, buttons, shadows, typography and utilities mixins.
3 plugins plugins folder contains all vendors scss files.