@dabapps/roe/src/less/padding-and-margin.examples.md

A Collection of React Components for Project Development

Used to adjust the quickly adjust an element's padding.

You can set padding for all sides; `left`, `right`, `top`, or `bottom`; or all `vertical` / `horizontal` sides.

#### Examples

```js
<div className="display-divs">
  <div className="padding-base">
    <strong>
      padding-base
    </strong>
  </div>
  <div className="md-padding-left-large">
    <strong>
      md-padding-left-large
    </strong> - large padding left on medium screens and above
  </div>
  <div className="margin-left-base md-margin-left-none">
    <strong>
      margin-left-base md-margin-left-none
    </strong> - margin left only only small screens
  </div>
  <div className="margin-vertical-small">
    <strong>
      margin-vertical-small
      </strong>
  </div>
  <div className="margin-horizontal-large">
    <strong>
      margin-horizontal-large
    </strong>
  </div>
</div>
```