CSS

To replace or add style…

Variables

Hugolify uses Bootstrap variables and Hugolify variables .

assets/
└── sass/
    └── abstract/
        ├── _variables.sass # bootstrap variables override for Hugolify
        ├── _variables-site.sass # specific for your website
        └── _variables.default.sass # Hugolify core variables, do not override it

Mixins

Hugolify uses Bootstrap mixins and Hugolify mixins .

assets/
└── sass/
    └── abstract/
        ├── _mixins.sass # specific for your website
        └── _mixins.default.sass # Hugolify core mixins, do not override it

File override

The sass files override is possible by keeping the same tree structure and allows to overwrite the style of the theme to replace it with a specific style.

assets/
└── sass/
    └── components/
        └── _author.sass

File merge

The SASS files merge allows you to add style to that of the theme. To merge SASS files, it is necessary to reproduce the same tree structure in a folder called site and to indicate the files in site.sass.

Tree structure

assets/
└── sass/
    ├── site/
    │   └── components/
    │       └── _author.sass
    └── site.sass

Site SASS file (site.sass)

// Site
@import "site/components/author"