> For the complete documentation index, see [llms.txt](https://hencework.gitbook.io/pangong/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hencework.gitbook.io/pangong/getting-started/untitled-1.md).

# SASS

Sass is an extension of CSS that allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax.

 Sass Files are found under `pangong/src/scss`

* scss
  * colors.scss
  * mixins.scss
  * navbar.scss
  * style.scss

### Modules

The separation of modules help you build your own custom css

| Module      | Description                                                              |
| ----------- | ------------------------------------------------------------------------ |
| colors.scss | Variables are defined for all the colors to create custom theme          |
| mixins.scss | Mixins allow you to define styles that can be re-used throughout the CSS |
| navbar.scss | Contains all Nav & Navbar related styles                                 |
| style.scss  | Contains core style for Pangong                                          |

{% hint style="info" %}
 We have included **\_bourbon.scss** in Pangong, [Bourbon](https://www.bourbon.io/docs/latest/) is a top-notch Sass mixin library for designers. The Bourbon library encourages best practices for developing scalable code.
{% endhint %}