@utrecht/component-library-css 1.0.0-alpha.57 → 1.0.0-alpha.571
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/README.md +5 -3
- package/dist/html.css +1426 -1147
- package/dist/index.css +5332 -2499
- package/html-component.md +4 -3
- package/package.json +8 -5
- package/project.json +18 -0
- package/src/html.scss +1 -24
- package/src/index.scss +12 -7
- package/dist/bem.css +0 -1485
- package/dist/root-theme.css +0 -584
- package/src/bem.scss +0 -58
- package/src/root-theme.scss +0 -9
package/README.md
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
1
3
|
# CSS Components
|
|
2
4
|
|
|
3
5
|
CSS components are developed using BEM class names and the stylesheets can be included in your page side-effect free. Apply the class names to your elements to make them stylable using design tokens.
|
|
4
6
|
|
|
5
7
|
```shell
|
|
6
|
-
npm install --save-dev @utrecht/
|
|
8
|
+
npm install --save-dev --save-exact @utrecht/component-library-css
|
|
7
9
|
|
|
8
10
|
```
|
|
9
11
|
|
|
@@ -14,7 +16,7 @@ Theoretically you can include the components in your HTML page like so, but this
|
|
|
14
16
|
<html lang="en">
|
|
15
17
|
<head>
|
|
16
18
|
<title>Example page</title>
|
|
17
|
-
<link rel="stylesheet" href="node_modules/@utrecht/
|
|
19
|
+
<link rel="stylesheet" href="node_modules/@utrecht/component-library-css" />
|
|
18
20
|
</head>
|
|
19
21
|
<body>
|
|
20
22
|
<h1 class="utrecht-heading-1">Home</h1>
|
|
@@ -27,7 +29,7 @@ The BEM class names can be particularly useful to include only the CSS you need
|
|
|
27
29
|
|
|
28
30
|
```js
|
|
29
31
|
import React from "react";
|
|
30
|
-
import style from "@utrecht/
|
|
32
|
+
import style from "@utrecht/component-library-css";
|
|
31
33
|
|
|
32
34
|
export default class ExamplePage extends React.Component {
|
|
33
35
|
render() {
|