Reduced UI Pack
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-pack
Make sure you're also including the
css-reset stylesheet before these styles.
css-reset stylesheet provides the core typography rules which
reduced-ui-pack builds upon. Install it with:
npm install @atlaskit/css-reset
Using the component
reduced-ui-pack package can be consumed via the dist, or in Webpack.
Importing in Webpack
The Webpack style loader should then place the CSS within the HEAD of your HTML element.
Importing in HTML
<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>