1.0.6 • Published 6 years ago
spaceblock v1.0.6
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