@atlaskit/reduced-ui-pack

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

Usage no npm install needed!

<script type="module">
  import atlaskitReducedUiPack from 'https://cdn.skypack.dev/@atlaskit/reduced-ui-pack';
</script>

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>