Socket
Socket
Sign inDemoInstall

ariutta-loading

Package Overview
Dependencies
1
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    ariutta-loading

Simple loading style CSS


Version published
Weekly downloads
0
decreased by-100%
Maintainers
1
Install size
22.2 kB
Created
Weekly downloads
 

Readme

Source

ariutta-loading

Simple loading style CSS

How To Use

The parent of your content container element must have the following styles set:

.my-element-parent-selector {
  display: flex;
  align-items: center;
  justify-content: center;
}

Option 1: Add via HTML

Reference ariutta-loading.css from your HTML page and add the class ariutta-loading to your content container element:

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="ariutta-loading.css">
  </head>

  <body>
    <div style="display: flex; align-items: center; justify-content: center;">
      <div class="ariutta-loading">
        <!-- when your content has loaded, remove the ariutta-loading class -->
      </div>
    </div>
  </body>

</html>

Option 2: Add via JS

  1. Install: npm install --save ariutta-loading
  2. Require this module: require('ariutta-loading');
  3. Set the ariutta-loading class on your content container element (be sure parent element styles are set as specified above)

Acknowledgments

Thanks to https://github.com/lukehaas/css-loaders for CSS used as starting point.

Keywords

FAQs

Last updated on 21 Jan 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc