Thema-CSS
HoverCraft houdt de CSS modulair en eenvoudig te controleren, zonder een groot framework of een laag met designtokens in het thema op te bouwen.
- CSS wordt gegroepeerd per themaonderdeel, zoals indeling, formulieren, footer, navigatie en WooCommerce, wanneer afzonderlijke bestanden het onderhoud eenvoudiger maken.
- Gedeelde regels blijven gedeeld wanneer WordPress, WooCommerce, bbPress of meerdere themaonderdelen dezelfde visuele basis moeten gebruiken.
- Customizer-instellingen worden rechtstreeks omgezet in thema-CSS, in plaats van via een uitgebreid tokensysteem met
:rootte lopen. - Responsieve regels gebruiken doorgaans het desktopbreekpunt van 1200px van het thema. Gedeelde declaraties blijven waar mogelijk buiten mediaquery's.
- CSS voor specifieke plug-ins past hun HTML-structuur aan HoverCraft aan, zonder voor elke plug-in een afzonderlijk ontwerpsysteem te maken.
- Gegenereerde CSS moet voorspelbaar en reproduceerbaar blijven. Paden naar modules en verwijzingen in de generator moeten op elkaar afgestemd blijven wanneer CSS-bestanden worden verplaatst of opnieuw ingedeeld.
Voeg sitespecifieke overschrijvingen niet toe door de CSS van het HoverCraft-hoofdthema te bewerken. Bekijk CSS aanpassen voor richtlijnen over Additional CSS en child-thema's.