Assets
De map assets kan bestanden en mappen bevatten die niet tot andere mappen behoren. Je kunt het gebruiken voor:
- JavaScript-stijlen (worden geplaatst in assets/js);
- CSS-stijlen (worden geplaatst in assets/css);
- Afbeeldingen;
- Lettertypen;
- Alle andere noodzakelijke items.
assets/js
assets/js directory is gereserveerd en mag alleen JavaScript-bestanden bevatten. Om een widget te laten gebruikmaken van deze bestanden dienen deze gespecifieerd te worden in manifest.json.
Voorbeeld:
"Asset": {
"js": ["class.widget.js"]
}
assets/css
assets/css is gereserveerd en mag alleen CSS-stijlbestanden bevatten. Om een widget te laten gebruikmaken van deze bestanden dienen deze gespecifieerd te worden in manifest.json.
Voorbeeld:
"assets": {
"css": ["mywidget.css"]
}
CSS-stijlen
CSS-bestanden kunnen een aangepast attribuut 'theme' bevatten om een andere stijl te definiëren voor specifieke frontend-thema.
Beschikbare thema's en hun attribuutwaarden:
-Blue - [theme='blue-theme'] -Dark - [theme='dark-theme'] -High-contrast light - [theme='hc-light'] -High-contrast dark - [theme='hc-dark']
Voorbeeld:
.widget {
background-color: red;
}
[theme='dark-theme'] .widget {
background-color: green;
}