@atlaskit/reduced-ui-pack 18.3.0 → 18.4.0
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 +14 -22
- package/dist/bundle.css +947 -936
- package/package.json +55 -58
package/README.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
# Reduced UI Pack
|
|
2
2
|
|
|
3
|
-
This package exports a CSS file which includes some CSS classes that provide
|
|
4
|
-
|
|
3
|
+
This package exports a CSS file which includes some CSS classes that provide styling for a reduced
|
|
4
|
+
number of Atlaskit components.
|
|
5
5
|
|
|
6
|
-
There is also an icon SVG sprite sheet included. See the "Try it out" section
|
|
7
|
-
|
|
6
|
+
There is also an icon SVG sprite sheet included. See the "Try it out" section below for usage
|
|
7
|
+
instructions.
|
|
8
8
|
|
|
9
9
|
## Installation
|
|
10
10
|
|
|
@@ -12,9 +12,8 @@ below for usage instructions.
|
|
|
12
12
|
npm install reduced-ui-pack
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
-
Make sure you're also including the `css-reset` stylesheet before these styles.
|
|
16
|
-
|
|
17
|
-
`reduced-ui-pack` builds upon. Install it with:
|
|
15
|
+
Make sure you're also including the `css-reset` stylesheet before these styles. The `css-reset`
|
|
16
|
+
stylesheet provides the core typography rules which `reduced-ui-pack` builds upon. Install it with:
|
|
18
17
|
|
|
19
18
|
```sh
|
|
20
19
|
npm install @atlaskit/css-reset
|
|
@@ -32,25 +31,18 @@ The `reduced-ui-pack` package can be consumed via the dist, or in Webpack.
|
|
|
32
31
|
import 'reduced-ui-pack';
|
|
33
32
|
```
|
|
34
33
|
|
|
35
|
-
The Webpack style loader should then place the CSS within the HEAD of your HTML
|
|
36
|
-
element.
|
|
34
|
+
The Webpack style loader should then place the CSS within the HEAD of your HTML element.
|
|
37
35
|
|
|
38
36
|
#### Importing in HTML
|
|
39
37
|
|
|
40
38
|
```html
|
|
41
39
|
<html>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
href="node_modules/reduced-ui-pack/dist/bundle.css"
|
|
50
|
-
/>
|
|
51
|
-
</head>
|
|
52
|
-
<body>
|
|
53
|
-
<!-- ... -->
|
|
54
|
-
</body>
|
|
40
|
+
<head>
|
|
41
|
+
<link rel="stylesheet" href="node_modules/@atlaskit/css-reset/dist/bundle.css" />
|
|
42
|
+
<link rel="stylesheet" href="node_modules/reduced-ui-pack/dist/bundle.css" />
|
|
43
|
+
</head>
|
|
44
|
+
<body>
|
|
45
|
+
<!-- ... -->
|
|
46
|
+
</body>
|
|
55
47
|
</html>
|
|
56
48
|
```
|