DJO Bootstrap Thema

Het DJO Bootstrap thema, gebaseerd op Zephyr. Door middel van SCSS wordt het basisthema overschreven met de DJO-kleuren.

Kleuren

• #180f75
• #03cea4
• #db504a
• #f2c14e
• #6184d8

Installatie

Voor het omzetten van SCSS wordt gebruik gemaakt van node-sass. Ook is bootstrap nodig voor de basis-SCSS. Gebruik onderstaand commando om deze te installeren:

npm install

Aanpassen

Om aanpassingen te maken aan de kleuren en eventuele andere variabelen moet je bij scss/main.scss zijn. Zie ook de Bootstrap documentatie voor meer informatie.

Live Server

Bij het aanpassen is het handig om een voorbeeld te hebben van hoe alles eruit ziet. Hiervoor kan de html/ map handig zijn. Hierin zit een placeholder-site die gebruik maakt van het huidige thema.

Deze site heeft echter wel CSS nodig. Hiervoor is het dus nodig om de live server op te starten:

npm run serve

Dit zorgt ervoor dat css/main.css automatisch build bij aanpassingen aan de SCSS-bestanden.

Builden

Als het tijd is om te builden voer je het volgende uit:

npm run build

Het minified CSS-bestand is vervolgens te vinden in dist/djo.min.css.