@atlaskit/reduced-ui-pack

CSS classes which provide styling for a reduced number of Atlaskit components.

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
Minified + gzip package size for @atlaskit/reduced-ui-pack in KB

Readme

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.

Installation

npm install reduced-ui-pack

Make 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-reset

Using the component

Importing

The reduced-ui-pack package can be consumed via the dist, or in Webpack.

Importing in Webpack

import 'reduced-ui-pack';

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>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.