whitespace css component for the npm fork of Pivotal UI, based on Bootstrap


6.4.05 years ago6 years agoMinified + gzip package size for @npmcorp/pui-css-whitespace in KB



A CSS whitespace component that can be installed via this npm package. The package provides all of the CSS you need to use the component.


To install the package, from the command line, type:

npm install pui-css-whitespace


Letter Description
p, m padding, margin
a, t, r, b, l, h, v all, top, right, bottom, left, horizontal, vertical
n, s, m, l, xl, xxl, xxxl, xxxxl none(0px), small(5px), medium(7px), large(10px), extra large(20px), extra extra large (40px), extra extra extra large (120px), extra extra extra extra large (140px)

A CSS class is constructed by choosing one of the letters from each row. For example:

<p>A normal paragraph</p>
<p class="pal">A paragraph with large padding</p>

You can find more examples of the whitespace component in the pui style guide

This is a component of Pivotal UI. It is a Pivotal specific implementation of Bootstrap.

Styleguide Github

(c) Copyright 2015 Pivotal Software, Inc. All Rights Reserved.

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.