Skip to content

SCSS Structure¶

This page documents the SCSS architecture and compilation process.

Directory Structure¶

STATIC_SRC/scss/
├── main.scss
├── base/
│   ├── _reset.scss
│   ├── _typography.scss
│   └── _variables.scss
├── layout/
│   ├── _sidebar.scss
│   └── _topbar.scss
├── components/
│   ├── _buttons.scss
│   ├── _forms.scss
│   └── _tables.scss
└── views/
    └── _ticket_list.scss

Compilation¶

npm run build:scss
npm run watch:scss

Variables¶

See base/_variables.scss for all design tokens.