[
  {
    "path": ".gitignore",
    "content": "node_modules/\ncss/main.css\nimages/me.jpeg\nindex.html\njade/\nscript/\nless/main.less\n.sass-cache\n"
  },
  {
    "path": "Gruntfile.js",
    "content": "module.exports = function(grunt) {\n\n  // Project configuration.\n  grunt.initConfig({\n    pkg: grunt.file.readJSON('package.json'),\n    jade: {\n      compile: {\n          files: [{\n              expand: true,\n              cwd: 'jade/',\n              src: ['**/*.jade'],\n              dest: '',\n              ext: '.html'\n          }]\n      }\n    },\n    less: {\n      src: {\n        expand: true,\n        cwd: 'less/',\n        src: ['**/*.less'],\n        dest: 'css/',\n        ext: '.css'\n      }\n    },\n    sass: {\n      options: {\n        sourcemap:'none'\n      },\n      src: {\n        expand: true,\n        cwd: 'sass/',\n        src: ['**/*.scss'],\n        dest: 'css/',\n        ext: '.css'\n      }\n    },\n    watch: {\n      files: ['less/**/*.less','jade/**/*.jade'],\n      tasks: ['default']\n    }\n  });\n\n  grunt.loadNpmTasks('grunt-contrib-jade');\n\n  grunt.loadNpmTasks('grunt-contrib-less');\n\n  grunt.loadNpmTasks('grunt-contrib-sass');\n\n  grunt.loadNpmTasks('grunt-contrib-watch');\n\n  grunt.registerTask('default', ['less','jade','watch']);\n\n\n};\n"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2014 Luke Haas\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE."
  },
  {
    "path": "README.md",
    "content": "# [Single Element CSS Spinners](https://lukehaas.me/projects/css-loaders)\n\nThis is a collection of loading spinners animated with CSS.\n\nEach spinner consists of a single `div` with a class of `loader` and content text of \"Loading...\".\nThe text is for screen readers and can be used as a fallback state for older browsers.\n\nThe aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning.\n\nA strict limit of one element per loader (not including pseudo-elements) was placed on this project based on the belief that something as simple as a loader doesn't deserve more.\n\nEach loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.\n\n## Demo\n\n[![css-loaders-screenshot](https://raw.githubusercontent.com/lukehaas/css-loaders/step2/images/css-loaders-screenshot.jpg)](https://lukehaas.me/projects/css-loaders)\n\n> [Check it live](https://lukehaas.me/projects/css-loaders).\n\n## Browser Support\n\n![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)\n--- | --- | --- | --- | --- |\nIE 10+ ✔ | Chrome 4.0+ ✔ | Firefox 16.0+ ✔ | Opera 15.0+ ✔ | Safari 4.0+ ✔ |\n\n## Contributing\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -m 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request :)\n\n## History\n\nFor detailed changelog, check [Releases](https://github.com/lukehaas/css-loaders/releases).\n\n## License\n\n[MIT License](https://github.com/lukehaas/css-loaders/blob/step2/LICENSE)\n\nBrowser testing via [![lambda test](https://www.lambdatest.com/support/img/logo.svg)](https://www.lambdatest.com/)\n"
  },
  {
    "path": "bower.json",
    "content": "{\n  \"name\": \"css-loading-spinners\",\n  \"version\": \"1.0.0\",\n  \"homepage\": \"https://github.com/lukehaas/css-loaders\",\n  \"authors\": [\n    \"Luke Haas <lukehaas7@gmail.com>\"\n  ],\n  \"description\": \"A collection of single element loading spinners, animated with CSS \",\n  \"main\": \"css\",\n  \"moduleType\": [\n    \"globals\"\n  ],\n  \"keywords\": [\n    \"CSS\",\n    \"spinner\",\n    \"loader\"\n  ],\n  \"license\": \"MIT\",\n  \"ignore\": [\n    \"**/.*\",\n    \"node_modules\",\n    \"bower_components\",\n    \"tests\"\n  ]\n}\n"
  },
  {
    "path": "css/fallback.css",
    "content": "/* Import this if you are using modernizr (recommended) \nIt means that loaders will fallback to a text state of simply saying \"Loading...\" in older browsers\n*/\n.no-cssanimations .load-container .loader {\n  text-indent: 0;\n  text-align: center;\n  color: #FFF;\n  font-size: 17px;\n  background: none;\n  border: 0 none;\n  width: auto;\n  height: auto;\n  margin: 1em auto;\n  overflow: visible;\n  box-shadow: none;\n  -webkit-animation: none;\n  animation: none;\n}\n.no-cssanimations .load-container .loader:before,\n.no-cssanimations .load-container .loader:after {\n  display: none;\n}\n"
  },
  {
    "path": "css/load1.css",
    "content": ".load1 .loader,\n.load1 .loader:before,\n.load1 .loader:after {\n  background: #ffffff;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.load1 .loader {\n  color: #ffffff;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.load1 .loader:before,\n.load1 .loader:after {\n  position: absolute;\n  top: 0;\n  content: '';\n}\n.load1 .loader:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.load1 .loader:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%,\n  80%,\n  100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%,\n  80%,\n  100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n"
  },
  {
    "path": "css/load2.css",
    "content": ".load2 .loader,\n.load2 .loader:before,\n.load2 .loader:after {\n  border-radius: 50%;\n}\n.load2 .loader {\n  color: #ffffff;\n  font-size: 11px;\n  text-indent: -99999em;\n  margin: 55px auto;\n  position: relative;\n  width: 10em;\n  height: 10em;\n  box-shadow: inset 0 0 0 1em;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n.load2 .loader:before,\n.load2 .loader:after {\n  position: absolute;\n  content: '';\n}\n.load2 .loader:before {\n  width: 5.2em;\n  height: 10.2em;\n  background: #0dc5c1;\n  border-radius: 10.2em 0 0 10.2em;\n  top: -0.1em;\n  left: -0.1em;\n  -webkit-transform-origin: 5.1em 5.1em;\n  transform-origin: 5.1em 5.1em;\n  -webkit-animation: load2 2s infinite ease 1.5s;\n  animation: load2 2s infinite ease 1.5s;\n}\n.load2 .loader:after {\n  width: 5.2em;\n  height: 10.2em;\n  background: #0dc5c1;\n  border-radius: 0 10.2em 10.2em 0;\n  top: -0.1em;\n  left: 4.9em;\n  -webkit-transform-origin: 0.1em 5.1em;\n  transform-origin: 0.1em 5.1em;\n  -webkit-animation: load2 2s infinite ease;\n  animation: load2 2s infinite ease;\n}\n@-webkit-keyframes load2 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load2 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n"
  },
  {
    "path": "css/load3.css",
    "content": ".load3 .loader {\n  font-size: 10px;\n  margin: 50px auto;\n  text-indent: -9999em;\n  width: 11em;\n  height: 11em;\n  border-radius: 50%;\n  background: #ffffff;\n  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);\n  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);\n  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);\n  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);\n  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);\n  position: relative;\n  -webkit-animation: load3 1.4s infinite linear;\n  animation: load3 1.4s infinite linear;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n.load3 .loader:before {\n  width: 50%;\n  height: 50%;\n  background: #ffffff;\n  border-radius: 100% 0 0 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  content: '';\n}\n.load3 .loader:after {\n  background: #0dc5c1;\n  width: 75%;\n  height: 75%;\n  border-radius: 50%;\n  content: '';\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n@-webkit-keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load3 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n"
  },
  {
    "path": "css/load4.css",
    "content": ".load4 .loader {\n  color: #ffffff;\n  font-size: 20px;\n  margin: 100px auto;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  text-indent: -9999em;\n  -webkit-animation: load4 1.3s infinite linear;\n  animation: load4 1.3s infinite linear;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n@-webkit-keyframes load4 {\n  0%,\n  100% {\n    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;\n  }\n  12.5% {\n    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n  }\n  25% {\n    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n  }\n  37.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  50% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  62.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;\n  }\n  75% {\n    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;\n  }\n  87.5% {\n    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;\n  }\n}\n@keyframes load4 {\n  0%,\n  100% {\n    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;\n  }\n  12.5% {\n    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n  }\n  25% {\n    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;\n  }\n  37.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  50% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  62.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;\n  }\n  75% {\n    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;\n  }\n  87.5% {\n    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;\n  }\n}\n"
  },
  {
    "path": "css/load5.css",
    "content": ".load5 .loader {\n  margin: 100px auto;\n  font-size: 25px;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  text-indent: -9999em;\n  -webkit-animation: load5 1.1s infinite ease;\n  animation: load5 1.1s infinite ease;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n}\n@-webkit-keyframes load5 {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;\n  }\n}\n@keyframes load5 {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;\n  }\n}\n"
  },
  {
    "path": "css/load6.css",
    "content": ".load6 .loader {\n  color: #ffffff;\n  font-size: 90px;\n  text-indent: -9999em;\n  overflow: hidden;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  margin: 72px auto;\n  position: relative;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;\n  animation: load6 1.7s infinite ease, round 1.7s infinite ease;\n}\n@-webkit-keyframes load6 {\n  0% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  10%,\n  59% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n  }\n  20% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;\n  }\n  38% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n}\n@keyframes load6 {\n  0% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  10%,\n  59% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n  }\n  20% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;\n  }\n  38% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n}\n@-webkit-keyframes round {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes round {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n"
  },
  {
    "path": "css/load7.css",
    "content": ".load7 .loader,\n.load7 .loader:before,\n.load7 .loader:after {\n  border-radius: 50%;\n  width: 2.5em;\n  height: 2.5em;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  -webkit-animation: load7 1.8s infinite ease-in-out;\n  animation: load7 1.8s infinite ease-in-out;\n}\n.load7 .loader {\n  color: #ffffff;\n  font-size: 10px;\n  margin: 80px auto;\n  position: relative;\n  text-indent: -9999em;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.load7 .loader:before,\n.load7 .loader:after {\n  content: '';\n  position: absolute;\n  top: 0;\n}\n.load7 .loader:before {\n  left: -3.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.load7 .loader:after {\n  left: 3.5em;\n}\n@-webkit-keyframes load7 {\n  0%,\n  80%,\n  100% {\n    box-shadow: 0 2.5em 0 -1.3em;\n  }\n  40% {\n    box-shadow: 0 2.5em 0 0;\n  }\n}\n@keyframes load7 {\n  0%,\n  80%,\n  100% {\n    box-shadow: 0 2.5em 0 -1.3em;\n  }\n  40% {\n    box-shadow: 0 2.5em 0 0;\n  }\n}\n"
  },
  {
    "path": "css/load8.css",
    "content": ".load8 .loader,\n.load8 .loader:after {\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n}\n.load8 .loader {\n  margin: 60px auto;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 1.1em solid rgba(255, 255, 255, 0.2);\n  border-right: 1.1em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);\n  border-left: 1.1em solid #ffffff;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load8 1.1s infinite linear;\n  animation: load8 1.1s infinite linear;\n}\n@-webkit-keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n"
  },
  {
    "path": "less/fallback.less",
    "content": "/* Import this if you are using modernizr (recommended) \nIt means that loaders will fallback to a text state of simply saying \"Loading...\" in older browsers\n*/\n\n.no-cssanimations {\n\n\t.load-container {\n\n\t\t.loader {\n\t\t\ttext-indent:0;\n\t\t\ttext-align:center;\n\t\t\tcolor:#FFF;\n\t\t\tfont-size:17px;\n\t\t\tbackground:none;\n\t\t\tborder:0 none;\n\t\t\twidth:auto;\n\t\t\theight:auto;\n\t\t\tmargin:1em auto;\n\t\t\toverflow:visible;\n\t\t\tbox-shadow:none;\n\t\t\t-webkit-animation:none;\n\t\t\tanimation:none;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\n"
  },
  {
    "path": "less/load1.less",
    "content": "@foreground: #FFF;\n\n.load1 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    background:@foreground;\n    -webkit-animation:load1 1s infinite ease-in-out;\n    animation:load1 1s infinite ease-in-out;\n    width:1em;\n    height:4em;\n  }\n\n  .loader {\n    color:@foreground;\n    text-indent:-9999em;\n    margin:88px auto;\n    position:relative;\n    font-size:11px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay:-0.16s;\n    animation-delay:-0.16s;\n\n    &:before,\n    &:after {\n      position:absolute;\n      top:0;\n      content:'';\n    }\n\n    &:before {\n      left:-1.5em;\n      -webkit-animation-delay:-0.32s;\n      animation-delay:-0.32s;\n    }\n\n    &:after {\n      left:1.5em;\n    }\n\n  }\n\n}\n\n\n@-webkit-keyframes load1 {.load1-frames;}\n@keyframes load1 {.load1-frames;}\n\n.load1-frames() {\n\n  0%,\n  80%,\n  100% {\n    box-shadow:0 0;\n    height:4em;\n  }\n\n  40% {\n    box-shadow:0 -2em;\n    height:5em;\n  }\n\n}\n"
  },
  {
    "path": "less/load2.less",
    "content": "@background: hsl(179,88%,41%);\n@foreground: #FFF;\n\n.load2 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    border-radius:50%;\n  }\n\n  .loader {\n    color:@foreground;\n    font-size:11px;\n    text-indent:-99999em;\n    margin:55px auto;\n    position:relative;\n    width:10em;\n    height:10em;\n    box-shadow: inset 0 0 0 1em;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n\n    &:before,\n    &:after {\n      position:absolute;\n      content:'';\n    }\n\n    &:before {\n      width:5.2em;\n      height:10.2em;\n      background: @background;\n      border-radius: 10.2em 0 0 10.2em;\n      top:-0.1em;\n      left:-0.1em;\n      -webkit-transform-origin:5.1em 5.1em;\n      transform-origin:5.1em 5.1em;\n      -webkit-animation:load2 2s infinite ease 1.5s;\n      animation:load2 2s infinite ease 1.5s;\n    }\n\n    &:after {\n      width:5.2em;\n      height:10.2em;\n      background: @background;\n      border-radius: 0 10.2em 10.2em 0;\n      top:-0.1em;\n      left:4.9em;\n      -webkit-transform-origin:0.1em 5.1em;\n      transform-origin:0.1em 5.1em;\n      -webkit-animation:load2 2s infinite ease;\n      animation:load2 2s infinite ease;\n    }\n\n  }\n\n}\n\n@-webkit-keyframes load2 {.load2-frames;}\n@keyframes load2 {.load2-frames;}\n\n.load2-frames() {\n\n  0% {\n    -webkit-transform:rotate(0deg);\n    transform:rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform:rotate(360deg);\n    transform:rotate(360deg);\n  }\n\n}\n"
  },
  {
    "path": "less/load3.less",
    "content": "@background: hsl(179,88%,41%);\n@foreground: #FFF;\n\n.load3 {\n\n  .loader {\n    font-size:10px;\n    margin:50px auto;\n    text-indent:-9999em;\n    width:11em;\n    height:11em;\n    border-radius:50%;\n    background: @foreground;\n    background: -moz-linear-gradient(left,  fade(@foreground,100%) 10%, fade(@foreground,0%) 42%);\n    background: -webkit-linear-gradient(left,  fade(@foreground,100%) 10%,fade(@foreground,0%) 42%);\n    background: -o-linear-gradient(left,  fade(@foreground,100%) 10%,fade(@foreground,0%) 42%);\n    background: -ms-linear-gradient(left,  fade(@foreground,100%) 10%,fade(@foreground,0%) 42%);\n    background: linear-gradient(to right,  fade(@foreground,100%) 10%,fade(@foreground,0%) 42%);\n    position: relative;\n    -webkit-animation:load3 1.4s infinite linear;\n    animation:load3 1.4s infinite linear;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n\n    &:before {\n      width:50%;\n      height:50%;\n      background: @foreground;\n      border-radius: 100% 0 0 0;\n      position:absolute;\n      top:0;\n      left:0;\n      content:'';\n    }\n\n    &:after {\n      background:@background;\n      width:75%;\n      height:75%;\n      border-radius:50%;\n      content:'';\n      margin:auto;\n      position: absolute;\n      top: 0; left: 0; bottom: 0; right: 0;\n    }\n\n  }\n\n}\n\n@-webkit-keyframes load3 {.load3-frames;}\n@keyframes load3 {.load3-frames;}\n\n.load3-frames() {\n\n  0% {\n  \t-webkit-transform:rotate(0deg);\n  \ttransform:rotate(0deg);\n  }\n\n  100% {\n  \t-webkit-transform:rotate(360deg);\n  \ttransform:rotate(360deg);\n  }\n\n}\n"
  },
  {
    "path": "less/load4.less",
    "content": "@foreground: #FFF;\n\n.load4 {\n\n  .loader {\n    color:@foreground;\n    font-size:20px;\n    margin:100px auto;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-animation:load4 1.3s infinite linear;\n    animation:load4 1.3s infinite linear;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n}\n@-webkit-keyframes load4 {.load4-frames;}\n@keyframes load4 {.load4-frames;}\n\n.load4-frames() {\n\n  0%,\n  100% {\n    box-shadow:0 -3em 0 0.2em,\n    2em -2em 0 0em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 0;\n  }\n\n  12.5% {\n    box-shadow:0 -3em 0 0,\n    2em -2em 0 0.2em,\n    3em 0 0 0,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  25% {\n    box-shadow:0 -3em 0 -0.5em,\n    2em -2em 0 0,\n    3em 0 0 0.2em,\n    2em 2em 0 0,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  37.5% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0em 0 0,\n    2em 2em 0 0.2em,\n    0 3em 0 0em,\n    -2em 2em 0 -1em,\n    -3em 0em 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  50% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 0em,\n    0 3em 0 0.2em,\n    -2em 2em 0 0,\n    -3em 0em 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  62.5% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 0,\n    -2em 2em 0 0.2em,\n    -3em 0 0 0,\n    -2em -2em 0 -1em;\n  }\n\n  75% {\n    box-shadow:0em -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0em 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 0,\n    -3em 0em 0 0.2em,\n    -2em -2em 0 0;\n  }\n\n  87.5% {\n    box-shadow:0em -3em 0 0,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 0,\n    -3em 0em 0 0,\n    -2em -2em 0 0.2em;\n  }\n\n}\n"
  },
  {
    "path": "less/load5.less",
    "content": "@foreground: #fff;\n\n.load5 {\n\n  .loader {\n    margin:100px auto;\n    font-size:25px;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-animation:load5 1.1s infinite ease;\n    animation:load5 1.1s infinite ease;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n}\n@-webkit-keyframes load5 {.load5-frames;}\n@keyframes load5 {.load5-frames;}\n\n.load5-frames() {\n\n  0%,\n  100% {\n  box-shadow:0em -2.6em 0em 0em fade(@foreground,100%),\n    1.8em -1.8em 0 0em fade(@foreground,20%),\n    2.5em 0em 0 0em fade(@foreground,20%),\n    1.75em 1.75em 0 0em fade(@foreground,20%),\n    0em 2.5em 0 0em fade(@foreground,20%),\n    -1.8em 1.8em 0 0em fade(@foreground,20%),\n    -2.6em 0em 0 0em fade(@foreground,50%),\n    -1.8em -1.8em 0 0em fade(@foreground,70%);\n  }\n\n  12.5% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,70%),\n    1.8em -1.8em 0 0em fade(@foreground,100%),\n    2.5em 0em 0 0em fade(@foreground,20%),\n    1.75em 1.75em 0 0em fade(@foreground,20%),\n    0em 2.5em 0 0em fade(@foreground,20%),\n    -1.8em 1.8em 0 0em fade(@foreground,20%),\n    -2.6em 0em 0 0em fade(@foreground,20%),\n    -1.8em -1.8em 0 0em fade(@foreground,50%);\n  }\n\n  25% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,50%),\n    1.8em -1.8em 0 0em fade(@foreground,70%),\n    2.5em 0em 0 0em fade(@foreground,100%),\n    1.75em 1.75em 0 0em fade(@foreground,20%),\n    0em 2.5em 0 0em fade(@foreground,20%),\n    -1.8em 1.8em 0 0em fade(@foreground,20%),\n    -2.6em 0em 0 0em fade(@foreground,20%),\n    -1.8em -1.8em 0 0em fade(@foreground,20%);\n  }\n\n  37.5% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,20%),\n    1.8em -1.8em 0 0em fade(@foreground,50%),\n    2.5em 0em 0 0em fade(@foreground,70%),\n    1.75em 1.75em 0 0em fade(@foreground,100%),\n    0em 2.5em 0 0em fade(@foreground,20%),\n    -1.8em 1.8em 0 0em fade(@foreground,20%),\n    -2.6em 0em 0 0em fade(@foreground,20%),\n    -1.8em -1.8em 0 0em fade(@foreground,20%);\n  }\n\n  50% {\n  box-shadow:0em -2.6em 0em 0em fade(@foreground,20%),\n    1.8em -1.8em 0 0em fade(@foreground,20%),\n    2.5em 0em 0 0em fade(@foreground,50%),\n    1.75em 1.75em 0 0em fade(@foreground,70%),\n    0em 2.5em 0 0em fade(@foreground,100%),\n    -1.8em 1.8em 0 0em fade(@foreground,20%),\n    -2.6em 0em 0 0em fade(@foreground,20%),\n    -1.8em -1.8em 0 0em fade(@foreground,20%);\n  }\n\n  62.5% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,20%),\n    1.8em -1.8em 0 0em fade(@foreground,20%),\n    2.5em 0em 0 0em fade(@foreground,20%),\n    1.75em 1.75em 0 0em fade(@foreground,50%),\n    0em 2.5em 0 0em fade(@foreground,70%),\n    -1.8em 1.8em 0 0em fade(@foreground,100%),\n    -2.6em 0em 0 0em fade(@foreground,20%),\n    -1.8em -1.8em 0 0em fade(@foreground,20%);\n  }\n\n  75% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,20%),\n    1.8em -1.8em 0 0em fade(@foreground,20%),\n    2.5em 0em 0 0em fade(@foreground,20%),\n    1.75em 1.75em 0 0em fade(@foreground,20%),\n    0em 2.5em 0 0em fade(@foreground,50%),\n    -1.8em 1.8em 0 0em fade(@foreground,70%),\n    -2.6em 0em 0 0em fade(@foreground,100%),\n    -1.8em -1.8em 0 0em fade(@foreground,20%);\n  }\n\n  87.5% {\n    box-shadow:0em -2.6em 0em 0em fade(@foreground,20%),\n    1.8em -1.8em 0 0em fade(@foreground,20%),\n    2.5em 0em 0 0em fade(@foreground,20%),\n    1.75em 1.75em 0 0em fade(@foreground,20%),\n    0em 2.5em 0 0em fade(@foreground,20%),\n    -1.8em 1.8em 0 0em fade(@foreground,50%),\n    -2.6em 0em 0 0em fade(@foreground,70%),\n    -1.8em -1.8em 0 0em fade(@foreground,100%);\n  }\n  \n}\n"
  },
  {
    "path": "less/load6.less",
    "content": "@foreground: #fff;\n\n.load6 {\n\n  .loader {\n    color:@foreground;\n    font-size:90px;\n    text-indent:-9999em;\n    overflow: hidden;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    margin:72px auto;\n    position:relative;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease;\n    animation:load6 1.7s infinite ease, round 1.7s infinite ease;;\n  }\n\n}\n@-webkit-keyframes load6 {.load6-frames;}\n@keyframes load6 {.load6-frames;}\n\n@-webkit-keyframes round {.round;}\n@keyframes round {.round;}\n\n.round() {\n  0% {\n    -webkit-transform:rotate(0deg);\n    transform:rotate(0deg);\n  }\n  100% {\n    -webkit-transform:rotate(360deg);\n    transform:rotate(360deg);\n  }\n}\n\n.load6-frames() {\n  0% {\n  box-shadow:\n  0 -0.83em 0 -0.4em,\n  0 -0.83em 0 -0.42em,\n  0 -0.83em 0 -0.44em,\n  0 -0.83em 0 -0.46em,\n  0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em,\n    0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em,\n    0 -0.83em 0 -0.477em;\n  }\n\n  10%,\n  59% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.087em -0.825em 0 -0.42em,\n    -0.173em -0.812em 0 -0.44em,\n    -0.256em -0.789em 0 -0.46em,\n    -0.297em -0.775em 0 -0.477em;\n  }\n\n  20% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.338em -0.758em 0 -0.42em,\n    -0.555em -0.617em 0 -0.44em,\n    -0.671em -0.488em 0 -0.46em,\n    -0.749em -0.34em 0 -0.477em;\n  }\n\n  38% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.377em -0.74em 0 -0.42em,\n    -0.645em -0.522em 0 -0.44em,\n    -0.775em -0.297em 0 -0.46em,\n    -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em,\n    0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em,\n    0 -0.83em 0 -0.477em;\n  }\n}\n"
  },
  {
    "path": "less/load7.less",
    "content": "@foreground: #fff;\n\n.load7 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    border-radius:50%;\n    width:2.5em;\n    height:2.5em;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n    -webkit-animation:load7 1.8s infinite ease-in-out;\n    animation:load7 1.8s infinite ease-in-out;\n  }\n\n  .loader {\n    color:@foreground;\n    font-size:10px;\n    margin:80px auto;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay:-0.16s;\n    animation-delay:-0.16s;\n\n    &:before,\n    &:after {\n      content:'';\n      position:absolute;\n      top:0;\n    }\n\n    &:before {\n      left:-3.5em;\n      -webkit-animation-delay:-0.32s;\n      animation-delay:-0.32s;\n    }\n\n    &:after {\n      left:3.5em;\n    }\n\n  }\n\n}\n\n@-webkit-keyframes load7 {.load7-frames;}\n@keyframes load7 {.load7-frames;}\n\n.load7-frames() {\n\n  0%,\n  80%,\n  100% {\n    box-shadow:0 2.5em 0 -1.3em;\n  }\n\n  40% {\n    box-shadow:0 2.5em 0 0;\n  }\n\n}\n"
  },
  {
    "path": "less/load8.less",
    "content": "@foreground: #fff;\n\n.load8 {\n\n  .loader,\n  .loader:after {\n    border-radius:50%;\n    width:10em;\n    height:10em;\n  }\n\n  .loader {\n    margin:60px auto;\n    font-size:10px;\n    position:relative;\n    text-indent:-9999em;\n    border-top:1.1em solid fade(@foreground,20%);\n    border-right:1.1em solid fade(@foreground,20%);\n    border-bottom:1.1em solid fade(@foreground,20%);\n    border-left:1.1em solid fade(@foreground,100%);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation:load8 1.1s infinite linear;\n    animation:load8 1.1s infinite linear;\n  }\n\n}\n\n@-webkit-keyframes load8 {.load8-frames;}\n@keyframes load8 {.load8-frames;}\n\n.load8-frames() {\n\n  0% {\n  \t-webkit-transform:rotate(0deg);\n  \ttransform:rotate(0deg);\n  }\n\n  100% {\n  \t-webkit-transform:rotate(360deg);\n  \ttransform:rotate(360deg);\n  }\n\n}\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"css-loaders\",\n  \"version\": \"0.1.0\",\n  \"description\": \"\",\n  \"main\": \"Gruntfile.js\",\n  \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n  },\n  \"author\": \"Luke Haas\",\n  \"license\": \"BSD\",\n  \"devDependencies\": {\n    \"grunt\": \"~0.4.4\",\n    \"grunt-contrib-jade\": \"~0.11.0\",\n    \"grunt-contrib-less\": \"^0.11.0\",\n    \"grunt-contrib-sass\": \"^1.0.0\",\n    \"grunt-contrib-watch\": \"^0.6.1\"\n  }\n}\n"
  },
  {
    "path": "sass/fallback.scss",
    "content": "/* Import this if you are using modernizr (recommended) \nIt means that loaders will fallback to a text state of simply saying \"Loading...\" in older browsers\n*/\n\n.no-cssanimations {\n\n\t.load-container {\n\n\t\t.loader {\n\t\t\ttext-indent:0;\n\t\t\ttext-align:center;\n\t\t\tcolor:#FFF;\n\t\t\tfont-size:17px;\n\t\t\tbackground:none;\n\t\t\tborder:0 none;\n\t\t\twidth:auto;\n\t\t\theight:auto;\n\t\t\tmargin:1em auto;\n\t\t\toverflow:visible;\n\t\t\tbox-shadow:none;\n\t\t\t-webkit-animation:none;\n\t\t\tanimation:none;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\n"
  },
  {
    "path": "sass/load1.scss",
    "content": "$foreground: #FFF;\n\n.load1 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    background:$foreground;\n    -webkit-animation:load1 1s infinite ease-in-out;\n    animation:load1 1s infinite ease-in-out;\n    width:1em;\n    height:4em;\n  }\n\n  .loader {\n    color:$foreground;\n    text-indent:-9999em;\n    margin:88px auto;\n    position:relative;\n    font-size:11px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay:-0.16s;\n    animation-delay:-0.16s;\n\n    &:before,\n    &:after {\n      position:absolute;\n      top:0;\n      content:'';\n    }\n\n    &:before {\n      left:-1.5em;\n      -webkit-animation-delay:-0.32s;\n      animation-delay:-0.32s;\n    }\n\n    &:after {\n      left:1.5em;\n    }\n\n  }\n\n}\n\n@mixin load1-frames {\n  0%,\n  80%,\n  100% {\n    box-shadow:0 0;\n    height:4em;\n  }\n\n  40% {\n    box-shadow:0 -2em;\n    height:5em;\n  }\n}\n\n@-webkit-keyframes load1 {@include load1-frames;}\n@keyframes load1 {@include load1-frames;}\n"
  },
  {
    "path": "sass/load2.scss",
    "content": "$background: hsl(179,88%,41%);\n$foreground: #FFF;\n\n.load2 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    border-radius:50%;\n  }\n\n  .loader {\n    color:$foreground;\n    font-size:11px;\n    text-indent:-99999em;\n    margin:55px auto;\n    position:relative;\n    width:10em;\n    height:10em;\n    box-shadow: inset 0 0 0 1em;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n\n    &:before,\n    &:after {\n      position:absolute;\n      content:'';\n    }\n\n    &:before {\n      width:5.2em;\n      height:10.2em;\n      background: $background;\n      border-radius: 10.2em 0 0 10.2em;\n      top:-0.1em;\n      left:-0.1em;\n      -webkit-transform-origin:5.1em 5.1em;\n      transform-origin:5.1em 5.1em;\n      -webkit-animation:load2 2s infinite ease 1.5s;\n      animation:load2 2s infinite ease 1.5s;\n    }\n\n    &:after {\n      width:5.2em;\n      height:10.2em;\n      background: $background;\n      border-radius: 0 10.2em 10.2em 0;\n      top:-0.1em;\n      left:4.9em;\n      -webkit-transform-origin:0.1em 5.1em;\n      transform-origin:0.1em 5.1em;\n      -webkit-animation:load2 2s infinite ease;\n      animation:load2 2s infinite ease;\n    }\n\n  }\n\n}\n\n@mixin load2-frames() {\n\n  0% {\n    -webkit-transform:rotate(0deg);\n    transform:rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform:rotate(360deg);\n    transform:rotate(360deg);\n  }\n\n}\n\n@-webkit-keyframes load2 {@include load2-frames;}\n@keyframes load2 {@include load2-frames;}\n"
  },
  {
    "path": "sass/load3.scss",
    "content": "$background: hsl(179,88%,41%);\n$foreground: #FFF;\n\n.load3 {\n\n  .loader {\n    font-size:10px;\n    margin:50px auto;\n    text-indent:-9999em;\n    width:11em;\n    height:11em;\n    border-radius:50%;\n    background: $foreground;\n    background: -moz-linear-gradient(left,  rgba($foreground,1) 10%, rgba($foreground,0) 42%);\n    background: -webkit-linear-gradient(left,  rgba($foreground,1) 10%,rgba($foreground,0) 42%);\n    background: -o-linear-gradient(left,  rgba($foreground,1) 10%,rgba($foreground,0) 42%);\n    background: -ms-linear-gradient(left,  rgba($foreground,1) 10%,rgba($foreground,0) 42%);\n    background: linear-gradient(to right,  rgba($foreground,1) 10%,rgba($foreground,0) 42%);\n    position: relative;\n    -webkit-animation:load3 1.4s infinite linear;\n    animation:load3 1.4s infinite linear;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n\n    &:before {\n      width:50%;\n      height:50%;\n      background: $foreground;\n      border-radius: 100% 0 0 0;\n      position:absolute;\n      top:0;\n      left:0;\n      content:'';\n    }\n\n    &:after {\n      background:$background;\n      width:75%;\n      height:75%;\n      border-radius:50%;\n      content:'';\n      margin:auto;\n      position: absolute;\n      top: 0; left: 0; bottom: 0; right: 0;\n    }\n\n  }\n\n}\n\n@mixin load3-frames() {\n\n  0% {\n  \t-webkit-transform:rotate(0deg);\n  \ttransform:rotate(0deg);\n  }\n\n  100% {\n  \t-webkit-transform:rotate(360deg);\n  \ttransform:rotate(360deg);\n  }\n\n}\n\n@-webkit-keyframes load3 {@include load3-frames;}\n@keyframes load3 {@include load3-frames;}\n"
  },
  {
    "path": "sass/load4.scss",
    "content": "$foreground: #FFF;\n\n.load4 {\n\n  .loader {\n    color:$foreground;\n    font-size:20px;\n    margin:100px auto;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-animation:load4 1.3s infinite linear;\n    animation:load4 1.3s infinite linear;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n}\n\n@mixin load4-frames() {\n\n  0%,\n  100% {\n    box-shadow:0 -3em 0 0.2em,\n    2em -2em 0 0em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 0;\n  }\n\n  12.5% {\n    box-shadow:0 -3em 0 0,\n    2em -2em 0 0.2em,\n    3em 0 0 0,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  25% {\n    box-shadow:0 -3em 0 -0.5em,\n    2em -2em 0 0,\n    3em 0 0 0.2em,\n    2em 2em 0 0,\n    0 3em 0 -1em,\n    -2em 2em 0 -1em,\n    -3em 0 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  37.5% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0em 0 0,\n    2em 2em 0 0.2em,\n    0 3em 0 0em,\n    -2em 2em 0 -1em,\n    -3em 0em 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  50% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 0em,\n    0 3em 0 0.2em,\n    -2em 2em 0 0,\n    -3em 0em 0 -1em,\n    -2em -2em 0 -1em;\n  }\n\n  62.5% {\n    box-shadow:0 -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 0,\n    -2em 2em 0 0.2em,\n    -3em 0 0 0,\n    -2em -2em 0 -1em;\n  }\n\n  75% {\n    box-shadow:0em -3em 0 -1em,\n    2em -2em 0 -1em,\n    3em 0em 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 0,\n    -3em 0em 0 0.2em,\n    -2em -2em 0 0;\n  }\n\n  87.5% {\n    box-shadow:0em -3em 0 0,\n    2em -2em 0 -1em,\n    3em 0 0 -1em,\n    2em 2em 0 -1em,\n    0 3em 0 -1em,\n    -2em 2em 0 0,\n    -3em 0em 0 0,\n    -2em -2em 0 0.2em;\n  }\n\n}\n\n@-webkit-keyframes load4 {@include load4-frames;}\n@keyframes load4 {@include load4-frames;}\n"
  },
  {
    "path": "sass/load5.scss",
    "content": "$foreground: #fff;\n\n.load5 {\n\n  .loader {\n    margin:100px auto;\n    font-size:25px;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-animation:load5 1.1s infinite ease;\n    animation:load5 1.1s infinite ease;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n\n}\n\n@mixin load5-frames() {\n\n  0%,\n  100% {\n  box-shadow:0em -2.6em 0em 0em rgba($foreground,1),\n    1.8em -1.8em 0 0em rgba($foreground,0.2),\n    2.5em 0em 0 0em rgba($foreground,0.2),\n    1.75em 1.75em 0 0em rgba($foreground,0.2),\n    0em 2.5em 0 0em rgba($foreground,0.2),\n    -1.8em 1.8em 0 0em rgba($foreground,0.2),\n    -2.6em 0em 0 0em rgba($foreground,0.5),\n    -1.8em -1.8em 0 0em rgba($foreground,0.7);\n  }\n\n  12.5% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.7),\n    1.8em -1.8em 0 0em rgba($foreground,1),\n    2.5em 0em 0 0em rgba($foreground,0.2),\n    1.75em 1.75em 0 0em rgba($foreground,0.2),\n    0em 2.5em 0 0em rgba($foreground,0.2),\n    -1.8em 1.8em 0 0em rgba($foreground,0.2),\n    -2.6em 0em 0 0em rgba($foreground,0.2),\n    -1.8em -1.8em 0 0em rgba($foreground,0.5);\n  }\n\n  25% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.5),\n    1.8em -1.8em 0 0em rgba($foreground,0.7),\n    2.5em 0em 0 0em rgba($foreground,1),\n    1.75em 1.75em 0 0em rgba($foreground,0.2),\n    0em 2.5em 0 0em rgba($foreground,0.2),\n    -1.8em 1.8em 0 0em rgba($foreground,0.2),\n    -2.6em 0em 0 0em rgba($foreground,0.2),\n    -1.8em -1.8em 0 0em rgba($foreground,0.2);\n  }\n\n  37.5% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.2),\n    1.8em -1.8em 0 0em rgba($foreground,0.5),\n    2.5em 0em 0 0em rgba($foreground,0.7),\n    1.75em 1.75em 0 0em rgba($foreground,1),\n    0em 2.5em 0 0em rgba($foreground,0.2),\n    -1.8em 1.8em 0 0em rgba($foreground,0.2),\n    -2.6em 0em 0 0em rgba($foreground,0.2),\n    -1.8em -1.8em 0 0em rgba($foreground,0.2);\n  }\n\n  50% {\n  box-shadow:0em -2.6em 0em 0em rgba($foreground,0.2),\n    1.8em -1.8em 0 0em rgba($foreground,0.2),\n    2.5em 0em 0 0em rgba($foreground,0.5),\n    1.75em 1.75em 0 0em rgba($foreground,0.7),\n    0em 2.5em 0 0em rgba($foreground,1),\n    -1.8em 1.8em 0 0em rgba($foreground,0.2),\n    -2.6em 0em 0 0em rgba($foreground,0.2),\n    -1.8em -1.8em 0 0em rgba($foreground,0.2);\n  }\n\n  62.5% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.2),\n    1.8em -1.8em 0 0em rgba($foreground,0.2),\n    2.5em 0em 0 0em rgba($foreground,0.2),\n    1.75em 1.75em 0 0em rgba($foreground,0.5),\n    0em 2.5em 0 0em rgba($foreground,0.7),\n    -1.8em 1.8em 0 0em rgba($foreground,1),\n    -2.6em 0em 0 0em rgba($foreground,0.2),\n    -1.8em -1.8em 0 0em rgba($foreground,0.2);\n  }\n\n  75% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.2),\n    1.8em -1.8em 0 0em rgba($foreground,0.2),\n    2.5em 0em 0 0em rgba($foreground,0.2),\n    1.75em 1.75em 0 0em rgba($foreground,0.2),\n    0em 2.5em 0 0em rgba($foreground,0.5),\n    -1.8em 1.8em 0 0em rgba($foreground,0.7),\n    -2.6em 0em 0 0em rgba($foreground,1),\n    -1.8em -1.8em 0 0em rgba($foreground,0.2);\n  }\n\n  87.5% {\n    box-shadow:0em -2.6em 0em 0em rgba($foreground,0.2),\n    1.8em -1.8em 0 0em rgba($foreground,0.2),\n    2.5em 0em 0 0em rgba($foreground,0.2),\n    1.75em 1.75em 0 0em rgba($foreground,0.2),\n    0em 2.5em 0 0em rgba($foreground,0.2),\n    -1.8em 1.8em 0 0em rgba($foreground,0.5),\n    -2.6em 0em 0 0em rgba($foreground,0.7),\n    -1.8em -1.8em 0 0em rgba($foreground,1);\n  }\n\n}\n\n@-webkit-keyframes load5 {@include load5-frames;}\n@keyframes load5 {@include load5-frames;}\n"
  },
  {
    "path": "sass/load6.scss",
    "content": "$foreground: #fff;\n\n.load6 {\n\n  .loader {\n    color:$foreground;\n    font-size:90px;\n    text-indent:-9999em;\n    overflow: hidden;\n    width:1em;\n    height:1em;\n    border-radius:50%;\n    margin:72px auto;\n    position:relative;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation:load6 1.7s infinite ease;\n    animation:load6 1.7s infinite ease;\n  }\n\n}\n\n@mixin load6-frames() {\n\n  0% {\n  -webkit-transform:rotate(0deg);\n  transform:rotate(0deg);\n  box-shadow:\n  0 -0.83em 0 -0.4em,\n  0 -0.83em 0 -0.42em,\n  0 -0.83em 0 -0.44em,\n  0 -0.83em 0 -0.46em,\n  0 -0.83em 0 -0.477em;\n  }\n\n  5%,\n  95% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em,\n    0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em,\n    0 -0.83em 0 -0.477em;\n  }\n\n  10%,\n  59% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.087em -0.825em 0 -0.42em,\n    -0.173em -0.812em 0 -0.44em,\n    -0.256em -0.789em 0 -0.46em,\n    -0.297em -0.775em 0 -0.477em;\n  }\n\n  20% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.338em -0.758em 0 -0.42em,\n    -0.555em -0.617em 0 -0.44em,\n    -0.671em -0.488em 0 -0.46em,\n    -0.749em -0.34em 0 -0.477em;\n  }\n\n  38% {\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    -0.377em -0.74em 0 -0.42em,\n    -0.645em -0.522em 0 -0.44em,\n    -0.775em -0.297em 0 -0.46em,\n    -0.82em -0.09em 0 -0.477em;\n  }\n\n  100% {\n    -webkit-transform:rotate(360deg);\n    transform:rotate(360deg);\n    box-shadow:\n    0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em,\n    0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em,\n    0 -0.83em 0 -0.477em;\n  }\n\n}\n\n@-webkit-keyframes load6 {@include load6-frames;}\n@keyframes load6 {@include load6-frames;}\n"
  },
  {
    "path": "sass/load7.scss",
    "content": "$foreground: #fff;\n\n.load7 {\n\n  .loader,\n  .loader:before,\n  .loader:after {\n    border-radius:50%;\n    width:2.5em;\n    height:2.5em;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n    -webkit-animation:load7 1.8s infinite ease-in-out;\n    animation:load7 1.8s infinite ease-in-out;\n  }\n\n  .loader {\n    color:$foreground;\n    font-size:10px;\n    margin:80px auto;\n    position:relative;\n    text-indent:-9999em;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation-delay:-0.16s;\n    animation-delay:-0.16s;\n\n    &:before,\n    &:after {\n      content:'';\n      position:absolute;\n      top:0;\n    }\n\n    &:before {\n      left:-3.5em;\n      -webkit-animation-delay:-0.32s;\n      animation-delay:-0.32s;\n    }\n\n    &:after {\n      left:3.5em;\n    }\n\n  }\n\n}\n\n@mixin load7-frames() {\n\n  0%,\n  80%,\n  100% {\n    box-shadow:0 2.5em 0 -1.3em;\n  }\n\n  40% {\n    box-shadow:0 2.5em 0 0;\n  }\n\n}\n\n@-webkit-keyframes load7 {@include load7-frames;}\n@keyframes load7 {@include load7-frames;}\n"
  },
  {
    "path": "sass/load8.scss",
    "content": "$foreground: #fff;\n\n.load8 {\n\n  .loader,\n  .loader:after {\n    border-radius:50%;\n    width:10em;\n    height:10em;\n  }\n\n  .loader {\n    margin:60px auto;\n    font-size:10px;\n    position:relative;\n    text-indent:-9999em;\n    border-top:1.1em solid rgba($foreground,0.2);\n    border-right:1.1em solid rgba($foreground,0.2);\n    border-bottom:1.1em solid rgba($foreground,0.2);\n    border-left:1.1em solid rgba($foreground,1);\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    -webkit-animation:load8 1.1s infinite linear;\n    animation:load8 1.1s infinite linear;\n  }\n\n}\n\n@mixin load8-frames() {\n\n  0% {\n  \t-webkit-transform:rotate(0deg);\n  \ttransform:rotate(0deg);\n  }\n\n  100% {\n  \t-webkit-transform:rotate(360deg);\n  \ttransform:rotate(360deg);\n  }\n\n}\n\n@-webkit-keyframes load8 {@include load8-frames;}\n@keyframes load8 {@include load8-frames;}\n"
  }
]