Switch branches/tags
Nothing to show
Latest commit eb0b6cb May 26, 2017 @Chalarangelo Chalarangelo Finishing up
I rushed it and too many things went wrong.
Failed to load latest commit information.
dist Documentation, packaging May 26, 2017
docs Finishing up May 26, 2017
src/mocka Documentation, packaging May 26, 2017
.npmignore Documentation, packaging May 26, 2017
LICENSE Initial commit May 24, 2017
README.md Updated README May 26, 2017
package.json 1.0.1 May 26, 2017



Simple, elegant content placeholder


npm install mocka-placeholder


The mocka placeholder is a very simple content placeholder that you can use for your website or web application, while loading your page's content. It weighs very little (about 500 bytes minified and gzipped), is fully customizable and you can easily include it in your project's CSS file, by using the Sass mixin provided. Alternatively, you can copy its code and inline it in your HTML for even faster loading.


After loading the css, you can create a placeholder using the code provided below:

<div class="mocka-container">
  <span class="mocka-media"></span>
  <span class="mocka-heading"></span>
  <span class="mocka-text"></span>


Download the npm package, add the mixin to your project, then @import the file and @include the mixin, passing a single map as an argument. The map contains all the information needed to generate the classes from the mixin. You can find the map with the default values in the mocka.scss file.


Mocka is an open-source Sass/CSS component and is licensed under the MIT License.