This package exports a CSS file which includes some CSS classes that provide styling for a reduced number of Atlaskit components.
There is also an icon SVG sprite sheet included. See the "Try it out" section below for usage instructions.
npm install reduced-ui-packMake sure you're also including the css-reset stylesheet before these styles.
The css-reset stylesheet provides the core typography rules which
reduced-ui-pack builds upon. Install it with:
npm install @atlaskit/css-resetThe reduced-ui-pack package can be consumed via the dist, or in Webpack.
import 'reduced-ui-pack';The Webpack style loader should then place the CSS within the HEAD of your HTML element.
<html>
<head>
<link
rel="stylesheet"
href="node_modules/@atlaskit/css-reset/dist/bundle.css"
/>
<link
rel="stylesheet"
href="node_modules/reduced-ui-pack/dist/bundle.css"
/>
</head>
<body>
<!-- ... -->
</body>
</html>