@rijkshuisstijl-community/components-css 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +38 -0
- package/dist/index.css +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @rijkshuisstijl-community/components-css
|
|
2
2
|
|
|
3
|
+
## 1.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 1dc03fb: Wekelijkse package updates voor Rijkshuisstijl-componenten en design tokens (week 10)
|
|
8
|
+
- b9a4945: Added implementation documentation to package README.
|
|
9
|
+
|
|
10
|
+
## 1.0.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- 723c927: Update the packages and libraries.
|
|
15
|
+
|
|
3
16
|
## 1.0.0
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/README.md
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
3
|
+
# Rijkshuisstijl Community Componenten - CSS
|
|
4
|
+
|
|
5
|
+
_Dit project wordt **niet** gesteund door het Ministerie van Algemene Zaken._
|
|
6
|
+
|
|
7
|
+
**Het toepassen van design-elementen uit dit project is strikt verboden voor organisaties die geen deel uitmaken van de
|
|
8
|
+
centrale overheid van Nederland.**
|
|
9
|
+
|
|
10
|
+
Deze package is onderdeel van het [Rijkshuisstijl Community](../../README.md) project.
|
|
11
|
+
|
|
12
|
+
## Aan de slag met CSS-componenten
|
|
13
|
+
|
|
14
|
+
Om de CSS-componenten van de Rijkshuisstijl-community te gebruiken, installeer je het [components-css npm package](https://www.npmjs.com/package/@rijkshuisstijl-community/components-css).
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install --save-dev @rijkshuisstijl-community/components-css
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Dit installeert de CSS-componenten. Om deze componenten te gebruiken, moet je het thema toepassen in de volgende stap.
|
|
21
|
+
|
|
22
|
+
### Thema toepassen
|
|
23
|
+
|
|
24
|
+
Om de Rijkshuisstijl aan je project toe te voegen, installeer je het [design-tokens npm package](https://www.npmjs.com/package/@rijkshuisstijl-community/design-tokens).
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm install --save-dev @rijkshuisstijl-community/design-tokens
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Dit pakket bevat de CSS-variabelen van het design systeem. Importeer het `index.css`-bestand uit de `dist` map van het
|
|
31
|
+
pakket, en omring het deel van je applicatie waar je het thema wilt toepassen met de Rijkshuisstijl-thema: `rhc-theme`.
|
|
32
|
+
|
|
33
|
+
```scss
|
|
34
|
+
@import '@rijkshuisstijl-community/design-tokens/dist/index.css'; // design tokens importeren
|
|
35
|
+
@import '@rijkshuisstijl-community/components-css/dist/index.css'; // css importeren
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
Bekijk de [packages/font/README.md](packages/font/README.md) voor de meerdere manieren om de lettertypen te installeren voor jouw project.
|