Het Drupal 8 CSS-framework wordt standaard geïnstalleerd bij het downloaden van Drupal 8. Het framework heet “Classy” en is gebaseerd op het populaire CSS-framework “Bourbon”. Hier volgen enkele stappen om Classy in je Drupal 8-website te gebruiken:
1. Open het .info-bestand van je thema en voeg de volgende regel code toe:
```
libraries[] = classy/base
```
1. Maak een nieuwe directory aan in de themamap met de naam “css”. Dit is waar je jouw CSS-bestanden opslaat.
1. Maak een nieuw CSS-bestand aan in de “css” map en voeg de volgende regel code toe:
```
@import url(“../core/modules/system/css/components/normalize.css”);
```
Dit laadt de Normalize.css-bestanden die de basisstijlen voor je website leveren.
1. Voeg vervolgens de Classy .css-bestanden aan je bestand toe:
```
import url("../core/modules/system/css/components/ajax-progress.module.css");
import url(“../core/modules/system/css/components/align.module.css”);
import url("../core/modules/system/css/components/fieldgroup.module.css");
import url(“../core/modules/system/css/components/container-inline.module.css”);
import url("../core/modules/system/css/components/region.module.css");
import url(“../core/modules/system/css/components/visually-hidden.module.css”);
```
1. Maak een nieuwe SASS-partials-map aan en plaats de Classy SASS-bestanden in deze map.
1. Laad de SASS-bestanden in het .css-bestand van je thema op de volgende manier:
```
import "partials/base";
import “partials/layout”;
import "partials/components";
import “partials/state”;
```
Als je jouw thema wilt aanpassen, zoals kleurenschema’s zou je de stijlen moeten overschrijven op basis van Classy’s structurele CSS-klassen.
Als je een bepaalde stijl implementeert, zou je de code voor de stijl in het .css-bestand van je thema na de Classy CSS-regels moeten schrijven.
Het Drupal 8 CSS-framework geeft je genoeg vrijheid, zelfs als het gaat om het toevoegen van jouw aangepaste CSS-code.
