npm

Need private packages and team management tools?Check out npm Orgs. »

@atlaskit/reduced-ui-pack

12.0.7 • Public • Published

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>

Keywords

none

install

npm i @atlaskit/reduced-ui-pack

Downloadsweekly downloads

1,360

version

12.0.7

license

Apache-2.0

repository

Gitbitbucket

last publish

collaborators

  • avatar
Report a vulnerability