Spaceblock is an empty div take space for layout.

Installation

To install the stable version:

yarn add spaceblock

or

npm install --save spaceblock

or manually download and link spaceblock.min.js in your HTML:

<script src="https://unpkg.com/spaceblock@1.0.6/dist/spaceblock.production.min.js"></script>

The Gist

Here’s an example:

import 'spaceblock'

<space-block height="300px"></space-block>

to

div.sb__T1Zgq3yFmizKrwlertVod { height: 300px; }

Media Queries

<space-block height="1028:50px,640:1em"></space-block>

to

@media all and (max-width: 1028px) {
  div.sb__BP8TFoSQi7ch_-AS73xAw { height: 50px; }
}
@media all and (max-width: 640px) {
  div.sb__EmcjHGeCQiFrUu_qiwa1F { height: 1em; }
}

Logo

You can find the official logo on GitHub.

License

MIT