active_frontend 13.3.0 → 14.0.0

data/vendor/assets/stylesheets/_sidebar.scss

@@ -1,148 +0,0 @@
-/* Table of Contents
-==================================================
-# Sidebar
-# Colors
-# Media Queries */
-
-/* # Sidebar
-================================================== */
-.sidebar {
-  background: $color-white;
-  border-left: 1px solid;
-  border-color: $color-haze !important;
-  box-sizing: border-box;
-  color: $color-black;
-  display: block;
-  max-height: 100%;
-  height: 100%;
-  max-width: 280px;
-  width: 280px;
-  z-index: 1030;
-}
-.sidebar-alt {
-  border-right: 1px solid;
-  border-color: inherit;
-  border-left: 0;
-}
-.sidebar-header {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  box-sizing: border-box;
-  display: table;
-  font-size: 13px;
-  line-height: 1;
-  table-layout: fixed;
-  vertical-align: middle;
-  max-width: 100%;
-  width: 100%;
-}
-.sidebar-header h1,
-.sidebar-header h2,
-.sidebar-header h3,
-.sidebar-header h4,
-.sidebar-header h5,
-.sidebar-header h6,
-.sidebar-header-btn {
-  box-sizing: border-box;
-  display: table-cell;
-  line-height: 1;
-  vertical-align: middle;
-}
-.sidebar-header h1,
-.sidebar-header h2,
-.sidebar-header h3,
-.sidebar-header h4,
-.sidebar-header h5,
-.sidebar-header h6 {
-  font-size: 13px;
-  font-weight: bold;
-  margin: 0;
-  padding: 10px 10px 9px 10px;
-}
-.sidebar-header-btn {
-  border-left: 1px solid;
-  border-color: inherit;
-  color: $color-primary;
-  font-size: 18px;
-  padding-top: 2px;
-  text-align: center;
-  width: 33px;
-}
-.sidebar-header-btn:hover,
-.sidebar-header-btn.active,
-.sidebar-header-btn:active,
-.sidebar-header-btn:focus { background: $color-light-haze; }
-.sidebar-content {
-  border-color: inherit;
-  box-sizing: border-box;
-  height: 100%;
-  @include overflow-scrolling(touch);
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 10px;
-}
-.sidebar-header + .sidebar-content { height: calc(100% - 32px); }
-.sidebar-content-unpadded { padding: 0; }
-.sidebar-scrollable {
-  border-bottom: 1px solid;
-  border-color: inherit;
-  height: calc(50% - 64px);
-}
-
-/* # Colors
-================================================== */
-.sidebar-dark {
-  background: $color-black;
-  border-color: $color-dark-black !important;
-  color: $color-white;
-}
-.sidebar-dark .sidebar-header-btn:hover,
-.sidebar-dark .sidebar-header-btn.active,
-.sidebar-dark .sidebar-header-btn:active,
-.sidebar-dark .sidebar-header-btn:focus,
-.sidebar-dark .sidebar-navbar > a { background: $color-light-black; }
-.sidebar-light {
-  background: lighten($color-light-haze, 2%);
-  border-color: $color-dark-haze !important;
-}
-.sidebar-light .sidebar-header-btn:hover,
-.sidebar-light .sidebar-header-btn.active,
-.sidebar-light .sidebar-header-btn:active,
-.sidebar-light .sidebar-header-btn:focus,
-.sidebar-light .sidebar-navbar > a { background: $color-white; }
-
-/* # Media Queries
-================================================== */
-@media only screen and (max-width: 1365px) {
-  .sidebar {
-    max-width: 250px;
-    width: 250px;
-  }
-}
-@media only screen and (max-width: 1199px) {
-  .sidebar {
-    max-width: 220px;
-    width: 220px;
-  }
-}
-@media only screen and (max-width: 959px) {
-  .sidebar {
-    max-width: 200px;
-    width: 200px;
-  }
-}
-@media only screen and (max-width: 767px) {
-  .sidebar { display: none; }
-}
-@media
-only screen and (-webkit-min-device-pixel-ratio: 2),
-only screen and (   min--moz-device-pixel-ratio: 2),
-only screen and (     -o-min-device-pixel-ratio: 2/1),
-only screen and (        min-device-pixel-ratio: 2),
-only screen and (                min-resolution: 192dpi),
-only screen and (                min-resolution: 2dppx) {
-  .sidebar,
-  .sidebar-header,
-  .sidebar-header-btn,
-  .sidebar-scrollable { border-width: 0.5px; }
-}

data/vendor/assets/stylesheets/_slider.scss

@@ -1,151 +0,0 @@
-/* Table of Contents
-==================================================
-# Slider
-# Position
-# Track
-# Handle & Tick */
-
-/* # Slider
-================================================== */
-.slider {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-}
-.slider input,
-.slider .hide { display: none; }
-.slider .tooltip.in {
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-.slider .tooltip.top { margin-top: -36px; }
-.slider .tooltip-inner { white-space: nowrap; }
-
-/* # Position
-================================================== */
-.slider.slider-horizontal {
-  height: 16px;
-  width: 100%;
-}
-.slider.slider-horizontal .slider-track {
-  height: 8px;
-  left: 0;
-  margin-top: -4px;
-  top: 50%;
-  width: 100%;
-}
-.slider.slider-horizontal .slider-selection,
-.slider.slider-horizontal .slider-track-low,
-.slider.slider-horizontal .slider-track-high {
-  bottom: 0;
-  height: 100%;
-  top: 0;
-}
-.slider.slider-horizontal .slider-tick,
-.slider.slider-horizontal .slider-handle {
-  margin-left: -8px;
-  margin-top: -4px;
-}
-.slider.slider-horizontal .slider-tick.triangle,
-.slider.slider-horizontal .slider-handle.triangle {
-  border-bottom-color: $color-primary;
-  border-width: 0 8px 8px 8px;
-  height: 0;
-  margin-top: 0;
-  width: 0;
-}
-.slider.slider-horizontal .slider-tick-label-container {
-  font-size: 13px;
-  font-weight: bold;
-  margin-top: 20px;
-  white-space: nowrap;
-}
-.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
-  display: inline-block;
-  padding-top: 4px;
-  text-align: center;
-}
-.slider.slider-vertical {
-  height: 200px;
-  width: 16px;
-}
-.slider.slider-vertical .slider-track {
-  height: 100%;
-  left: 50%;
-  margin-left: -4px;
-  top: 0;
-  width: 8px;
-}
-.slider.slider-vertical .slider-selection {
-  bottom: 0;
-  left: 0;
-  top: 0;
-  width: 100%;
-}
-.slider.slider-vertical .slider-track-low,
-.slider.slider-vertical .slider-track-high {
-  left: 0;
-  right: 0;
-  width: 100%;
-}
-.slider.slider-vertical .slider-tick,
-.slider.slider-vertical .slider-handle {
-  margin-left: -4px;
-  margin-top: -8px;
-}
-.slider.slider-vertical .slider-tick.triangle,
-.slider.slider-vertical .slider-handle.triangle {
-  border-left-color: $color-primary;
-  border-width: 8px 0 8px 8px;
-  height: 1px;
-  margin-left: 0;
-  width: 1px;
-}
-
-/* # Track
-================================================== */
-.slider-track,
-.slider-selection,
-.slider-track-low,
-.slider-track-high  {
-  border-radius: 500px;
-  box-sizing: border-box;
-  cursor: pointer;
-  position: absolute;
-}
-.slider-track,
-.slider.slider-disabled .slider-track { background: $color-light-haze; }
-.slider-selection,
-.slider-selection.tick-slider-selection,
-.slider.slider-disabled .slider-handle { background: $color-haze; }
-.slider-track-low,
-.slider-track-high { background: $color-transparent; }
-.slider.slider-disabled .slider-track,
-.slider.slider-disabled .slider-handle { cursor: not-allowed; }
-
-/* # Handle & Tick
-================================================== */
-.slider-handle,
-.slider-tick {
-  background: $color-primary;
-  border: 0;
-  height: 16px;
-  position: absolute;
-  width: 16px;
-}
-.slider-handle { background: $color-primary; }
-.slider-tick { background: $color-light-haze; }
-.slider-tick.in-selection { background: $color-haze; }
-.slider-handle.round,
-.slider-tick.round { border-radius: 500px; }
-.slider-handle.custom,
-.slider-handle.triangle,
-.slider-tick.custom,
-.slider-tick.triangle { background: $color-transparent none; }
-.slider-handle.custom::before,
-.slider-tick.custom::before {
-  color: $color-haze;
-  content: '\2605';
-  font-size: 16px;
-  line-height: 16px;
-}

data/vendor/assets/stylesheets/_spinner.scss

@@ -1,572 +0,0 @@
-/* Table of Contents
-==================================================
-# Keyframes
-# Spinner
-# Colors */
-
-/* # Keyframes
-================================================== */
-@-webkit-keyframes spinner-beat {
-  0%, 28%, 70% { @include transform(scale(1)); }
-  14%, 42% { @include transform(scale(1.5)); }
-}
-@keyframes spinner-beat {
-  0%, 28%, 70% { @include transform(scale(1)); }
-  14%, 42% { @include transform(scale(1.5)); }
-}
-@-webkit-keyframes spinner-bounce-double {
-  0%, 100% { @include transform(scale(0)); }
-  50% { @include transform(scale(1)); }
-}
-@keyframes spinner-bounce-double {
-  0%, 100% { @include transform(scale(0)); }
-  50% { @include transform(scale(1)); }
-}
-@-webkit-keyframes spinner-bounce-triple {
-  0%, 80%, 100% { @include transform(scale(0)); }
-  40% { @include transform(scale(1)); }
-}
-@keyframes spinner-bounce-triple {
-  0%, 80%, 100% { @include transform(scale(0)); }
-  40% { @include transform(scale(1)); }
-}
-@-webkit-keyframes spinner-circle-fading {
-  0%, 80%, 100% { @include transform(scale(0)); }
-  40% { @include transform(scale(1)); }
-}
-@keyframes spinner-circle-fading {
-  0%, 80%, 100% { @include transform(scale(0)); }
-  40% { @include transform(scale(1)); }
-}
-@-webkit-keyframes spinner-circle-rotating {
-  0%, 39%, 100% { opacity: 0; }
-  40% { opacity: 1; }
-}
-@keyframes spinner-circle-rotating {
-  0%, 39%, 100% { opacity: 0; }
-  40% { opacity: 1; }
-}
-@-webkit-keyframes spinner-crescent {
-  0% { @include transform(rotate(0)); }
-  100% { @include transform(rotate(360deg)); }
-}
-@keyframes spinner-crescent {
-  0% { @include transform(rotate(0)); }
-  100% { @include transform(rotate(360deg)); }
-}
-@-webkit-keyframes spinner-cube-grid {
-  0%, 70%, 100% { @include transform(scale3D(1,1,1)); }
-  35% { @include transform(scale3D(0,0,1)); }
-}
-@keyframes spinner-cube-grid {
-  0%, 70%, 100% { @include transform(scale3D(1,1,1)); }
-  35% { @include transform(scale3D(0,0,1)); }
-}
-@-webkit-keyframes spinner-cube-folding {
-  0%, 10% {
-    @include transform(perspective(140px) rotateX(-180deg));
-    opacity: 0;
-  }
-  25%, 75% {
-    @include transform(perspective(140px) rotateX(0));
-    opacity: 1;
-  }
-  90%, 100% {
-    @include transform(perspective(140px) rotateX(180deg));
-    opacity: 0;
-  }
-}
-@keyframes spinner-cube-folding {
-  0%, 10% {
-    @include transform(perspective(140px) rotateX(-180deg));
-    opacity: 0;
-  }
-  25%, 75% {
-    @include transform(perspective(140px) rotateX(0));
-    opacity: 1;
-  }
-  90%, 100% {
-    @include transform(perspective(140px) rotateX(180deg));
-    opacity: 0;
-  }
-}
-@-webkit-keyframes spinner-cube-wander {
-  0% { @include transform(rotate(0)); }
-  25% { @include transform(rotate(-90deg) translateX(30px) scale(0.5)); }
-  50% { @include transform(rotate(-179deg) translateX(30px) translateY(30px)); }
-  50.1% { @include transform(rotate(-180deg) translateX(30px) translateY(30px)); }
-  75% { @include transform(rotate(-270deg) translateX(0) translateY(30px) scale(0.5)); }
-  100% { @include transform(rotate(-360deg)); }
-}
-@keyframes spinner-cube-wander {
-  0% { @include transform(rotate(0)); }
-  25% { @include transform(rotate(-90deg) translateX(30px) scale(0.5)); }
-  50% { @include transform(rotate(-179deg) translateX(30px) translateY(30px)); }
-  50.1% { @include transform(rotate(-180deg) translateX(30px) translateY(30px)); }
-  75% { @include transform(rotate(-270deg) translateX(0) translateY(30px) scale(0.5)); }
-  100% { @include transform(rotate(-360deg)); }
-}
-@-webkit-keyframes spinner-dot-chasing-rotate {
-  100% { @include transform(rotate(360deg)); }
-}
-@keyframes spinner-dot-chasing-rotate {
-  100% { @include transform(rotate(360deg)); }
-}
-@-webkit-keyframes spinner-dot-chasing-bounce {
-  0%, 100% { @include transform(scale(0)); }
-  50% { @include transform(scale(1)); }
-}
-@keyframes spinner-dot-chasing-bounce {
-  0%, 100% { @include transform(scale(0)); }
-  50% { @include transform(scale(1)); }
-}
-@-webkit-keyframes spinner-dot-loader {
-  0% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  8.33% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  16.67% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  25% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  33.33% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px; }
-  41.67% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  50% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  58.33% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  66.67% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  75% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  83.33% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px; }
-  91.67% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  100% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-}
-@keyframes spinner-dot-loader {
-  0% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  8.33% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  16.67% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  25% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  33.33% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px; }
-  41.67% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  50% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  58.33% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary -14px 14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  66.67% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  75% { box-shadow: $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px -14px 0 7px; }
-  83.33% { box-shadow: $color-primary 14px 14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary 14px 14px 0 7px; }
-  91.67% { box-shadow: $color-primary -14px 14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-  100% { box-shadow: $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px; }
-}
-@-webkit-keyframes spinner-flower {
-  0% {
-    @include transform(rotate(0));
-    box-shadow: $color-transparent 0 0 0 0, lighten($color-primary, 25%) -20px -20px 0 0, lighten($color-primary, 25%) 20px -20px 0 0, lighten($color-primary, 25%) 20px 20px 0 0, lighten($color-primary, 25%) -20px 20px 0 0;
-  }
-  50% {
-    @include transform(rotate(1080deg));
-    box-shadow: $color-transparent 0 0 0 0, lighten($color-primary, 25%) 20px 20px 0 0, lighten($color-primary, 25%) -20px 20px 0 0, lighten($color-primary, 25%) -20px -20px 0 0, lighten($color-primary, 25%) 20px -20px 0 0;
-  }
-}
-@keyframes spinner-flower {
-  0% {
-    @include transform(rotate(0));
-    box-shadow: $color-transparent 0 0 0 0, lighten($color-primary, 25%) -20px -20px 0 0, lighten($color-primary, 25%) 20px -20px 0 0, lighten($color-primary, 25%) 20px 20px 0 0, lighten($color-primary, 25%) -20px 20px 0 0;
-  }
-  50% {
-    @include transform(rotate(1080deg));
-    box-shadow: $color-transparent 0 0 0 0, lighten($color-primary, 25%) 20px 20px 0 0, lighten($color-primary, 25%) -20px 20px 0 0, lighten($color-primary, 25%) -20px -20px 0 0, lighten($color-primary, 25%) 20px -20px 0 0;
-  }
-}
-@-webkit-keyframes spinner-orbit {
-  0% { @include transform(rotate(0)); }
-  100% { @include transform(rotate(360deg)); }
-}
-@keyframes spinner-orbit {
-  0% { @include transform(rotate(0)); }
-  100% { @include transform(rotate(360deg)); }
-}
-@-webkit-keyframes spinner-plane-rotating {
-  0% { @include transform(perspective(120px) rotateX(0) rotateY(0)); }
-  50% { @include transform(perspective(120px) rotateX(-180.1deg) rotateY(0)); }
-  100% { @include transform(perspective(120px) rotateX(-180deg) rotateY(-179.9deg)); }
-}
-@keyframes spinner-plane-rotating {
-  0% { @include transform(perspective(120px) rotateX(0) rotateY(0)); }
-  50% { @include transform(perspective(120px) rotateX(-180.1deg) rotateY(0)); }
-  100% { @include transform(perspective(120px) rotateX(-180deg) rotateY(-179.9deg)); }
-}
-@-webkit-keyframes spinner-pulse {
-  0% {
-    opacity: 1;
-    @include transform(scale(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(scale(1));
-  }
-}
-@keyframes spinner-pulse {
-  0% {
-    opacity: 1;
-    @include transform(scale(0));
-  }
-  100% {
-    opacity: 0;
-    @include transform(scale(1));
-  }
-}
-@-webkit-keyframes spinner-wave {
-  0%, 40%, 100% { @include transform(scaleY(0.4)); }
-  20% { @include transform(scaleY(1)); }
-}
-@keyframes spinner-wave {
-  0%, 40%, 100% { @include transform(scaleY(0.4)); }
-  20% { @include transform(scaleY(1)); }
-}
-@-webkit-keyframes spinner-wobbler {
-  0% { left: 4px; }
-  3% { left: 104px; }
-  6% { left: 4px; }
-  9% { left: 104px; }
-  12% { left: 4px; }
-  15% { left: 104px; }
-  18% { left: 32px; }
-  27% { left: 32px; }
-  30% { left: 104px; }
-  33% { left: 4px; }
-  36% { left: 104px; }
-  39% { left: 4px; }
-  42% { left: 104px; }
-  45% { left: 4px; }
-  48% { left: 104px; }
-  51% { left: 52px; }
-  63% { left: 52px; }
-  66% { left: 4px; }
-  69% { left: 104px; }
-  72% { left: 4px; }
-  75% { left: 104px; }
-  78% { left: 4px; }
-  81% { left: 104px; }
-  84% { left: 72px; }
-  94% { left: 72px; }
-  97% { left: 104px; }
-}
-@keyframes spinner-wobbler {
-  0% { left: 4px; }
-  3% { left: 104px; }
-  6% { left: 4px; }
-  9% { left: 104px; }
-  12% { left: 4px; }
-  15% { left: 104px; }
-  18% { left: 32px; }
-  27% { left: 32px; }
-  30% { left: 104px; }
-  33% { left: 4px; }
-  36% { left: 104px; }
-  39% { left: 4px; }
-  42% { left: 104px; }
-  45% { left: 4px; }
-  48% { left: 104px; }
-  51% { left: 52px; }
-  63% { left: 52px; }
-  66% { left: 4px; }
-  69% { left: 104px; }
-  72% { left: 4px; }
-  75% { left: 104px; }
-  78% { left: 4px; }
-  81% { left: 104px; }
-  84% { left: 72px; }
-  94% { left: 72px; }
-  97% { left: 104px; }
-}
-
-/* # Spinner
-================================================== */
-.spinner {
-  @include animation-fill-mode(both);
-  color: $color-primary;
-  margin: 23% auto 0 auto;
-  position: relative;
-  text-align: center;
-}
-.spinner-beat,
-.spinner-bounce-double,
-.spinner-dot-chasing,
-.spinner-crescent,
-.spinner-circle-fading,
-.spinner-circle-rotating,
-.spinner-cube-folding,
-.spinner-cube-grid,
-.spinner-cube-wander,
-.spinner-orbit,
-.spinner-pulse,
-.spinner-plane-rotating,
-.spinner-radiate {
-  height: 60px;
-  width: 60px;
-}
-.spinner-beat {
-  @include animation(spinner-beat 1.3s infinite ease-in-out);
-  background: $color-transparent;
-  border: 2px solid;
-  border-radius: 500px;
-  box-sizing: border-box;
-}
-.spinner-bounce-double-child {
-  @include animation(spinner-bounce-double 2s infinite ease-in-out);
-  background: $color-primary;
-  border-radius: 500px;
-  height: 100%;
-  left: 0;
-  opacity: 0.6;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.spinner-bounce-double-child-2 { @include animation-delay(-1s); }
-.spinner-bounce-triple { width: 80px; }
-.spinner-bounce-triple-child {
-  @include animation(spinner-bounce-triple 1.4s infinite ease-in-out);
-  background: $color-primary;
-  border-radius: 500px;
-  display: inline-block;
-  height: 20px;
-  width: 20px;
-}
-.spinner-bounce-triple-child-1 { @include animation-delay(-0.32s); }
-.spinner-bounce-triple-child-2 { @include animation-delay(-0.16s); }
-.spinner-crescent {
-  @include animation(spinner-crescent 1.2s infinite linear);
-  border: 9px solid;
-  border-right-color: $color-transparent;
-  border-radius: 500px;
-  box-sizing: border-box;
-}
-.spinner-circle-fading-child:before,
-.spinner-circle-rotating-child:before {
-  background: $color-primary;
-  border-radius: 500px;
-  content: '';
-  display: block;
-  margin: 0 auto;
-  height: 15%;
-  width: 15%;
-}
-.spinner-circle-fading-child:before { @include animation(spinner-circle-fading 1.2s infinite ease-in-out); }
-.spinner-circle-rotating-child:before { @include animation(spinner-circle-rotating 1.2s infinite ease-in-out); }
-.spinner-circle-fading-child,
-.spinner-circle-rotating-child {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.spinner-circle-fading-child-2:before,
-.spinner-circle-rotating-child-2:before { @include animation-delay(-1.1s); }
-.spinner-circle-fading-child-3:before,
-.spinner-circle-rotating-child-3:before { @include animation-delay(-1s); }
-.spinner-circle-fading-child-4:before,
-.spinner-circle-rotating-child-4:before { @include animation-delay(-0.9s); }
-.spinner-circle-fading-child-5:before,
-.spinner-circle-rotating-child-5:before { @include animation-delay(-0.8s); }
-.spinner-circle-fading-child-6:before,
-.spinner-circle-rotating-child-6:before { @include animation-delay(-0.7s); }
-.spinner-circle-fading-child-7:before,
-.spinner-circle-rotating-child-7:before { @include animation-delay(-0.6s); }
-.spinner-circle-fading-child-8:before,
-.spinner-circle-rotating-child-8:before { @include animation-delay(-0.5s); }
-.spinner-circle-fading-child-9:before,
-.spinner-circle-rotating-child-9:before { @include animation-delay(-0.4s); }
-.spinner-circle-fading-child-10:before,
-.spinner-circle-rotating-child-10:before { @include animation-delay(-0.3s); }
-.spinner-circle-fading-child-11:before,
-.spinner-circle-rotating-child-11:before { @include animation-delay(-0.2s); }
-.spinner-circle-fading-child-12:before,
-.spinner-circle-rotating-child-12:before { @include animation-delay(-0.1s); }
-.spinner-circle-fading-child-2,
-.spinner-circle-rotating-child-2 { @include transform(rotate(30deg)); }
-.spinner-circle-fading-child-3,
-.spinner-circle-rotating-child-3 { @include transform(rotate(60deg)); }
-.spinner-circle-fading-child-4,
-.spinner-circle-rotating-child-4 { @include transform(rotate(90deg)); }
-.spinner-circle-fading-child-5,
-.spinner-circle-rotating-child-5 { @include transform(rotate(120deg)); }
-.spinner-circle-fading-child-6,
-.spinner-circle-rotating-child-6 { @include transform(rotate(150deg)); }
-.spinner-circle-fading-child-7,
-.spinner-circle-rotating-child-7 { @include transform(rotate(180deg)); }
-.spinner-circle-fading-child-8,
-.spinner-circle-rotating-child-8 { @include transform(rotate(210deg)); }
-.spinner-circle-fading-child-9,
-.spinner-circle-rotating-child-9 { @include transform(rotate(240deg)); }
-.spinner-circle-fading-child-10,
-.spinner-circle-rotating-child-10 { @include transform(rotate(270deg)); }
-.spinner-circle-fading-child-11,
-.spinner-circle-rotating-child-11 { @include transform(rotate(300deg)); }
-.spinner-circle-fading-child-12,
-.spinner-circle-rotating-child-12 { @include transform(rotate(330deg)); }
-.spinner-cube-folding { @include transform(rotateZ(45deg)); }
-.spinner-cube-folding-child:before {
-  @include animation(spinner-cube-folding 2.4s infinite linear);
-  background: $color-primary;
-  content: '';
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  @include transform-origin(100% 100%);
-  width: 100%;
-}
-.spinner-cube-folding-child {
-  float: left;
-  height: 50%;
-  position: relative;
-  @include transform(scale(1.1));
-  width: 50%;
-}
-.spinner-cube-folding-child-2:before { @include animation-delay(0.3s); }
-.spinner-cube-folding-child-3:before { @include animation-delay(0.6s); }
-.spinner-cube-folding-child-4:before { @include animation-delay(0.9s); }
-.spinner-cube-folding-child-2 { @include transform(scale(1.1) rotateZ(90deg)); }
-.spinner-cube-folding-child-3 { @include transform(scale(1.1) rotateZ(180deg)); }
-.spinner-cube-folding-child-4 { @include transform(scale(1.1) rotateZ(270deg)); }
-.spinner-cube-grid-child {
-  @include animation(spinner-cube-grid 1.3s infinite ease-in-out);
-  background: $color-primary;
-  float: left;
-  height: 33%;
-  width: 33%;
-}
-.spinner-cube-grid-child-1,
-.spinner-cube-grid-child-5,
-.spinner-cube-grid-child-9 { @include animation-delay(0.2s); }
-.spinner-cube-grid-child-2,
-.spinner-cube-grid-child-6 { @include animation-delay(0.3s); }
-.spinner-cube-grid-child-4,
-.spinner-cube-grid-child-8 { @include animation-delay(0.1s); }
-.spinner-cube-grid-child-3 { @include animation-delay(0.4s); }
-.spinner-cube-wander-child {
-  @include animation(spinner-cube-wander 1.8s ease-in-out -1.8s infinite);
-  background: $color-primary;
-  height: 10px;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 10px;
-}
-.spinner-cube-wander-child-2 { @include animation-delay(-0.9s); }
-.spinner-dot-chasing { @include animation(spinner-dot-chasing-rotate 2s infinite linear); }
-.spinner-dot-chasing-child {
-  @include animation(spinner-dot-chasing-bounce 2s infinite ease-in-out);
-  background: $color-blue;
-  border-radius: 500px;
-  display: inline-block;
-  position: absolute;
-  height: 60%;
-  top: 0;
-  width: 60%;
-}
-.spinner-dot-chasing-child-2 {
-  @include animation-delay(-1s);
-  bottom: 0;
-  top: auto;
-}
-.spinner-dot-loader {
-  @include animation(spinner-dot-loader 5s infinite ease-in-out);
-  background: $color-transparent;
-  border-radius: 500px;
-  box-shadow: $color-primary -14px -14px 0 7px, $color-primary 14px -14px 0 7px, $color-primary 14px 14px 0 7px, $color-primary -14px 14px 0 7px;
-  display: inline-block;
-  height: 7px;
-  left: 50%;
-  overflow: hidden;
-  text-indent: -9999px;
-  @include transform-origin(50% 50%);
-  top: 0;
-  width: 7px;
-}
-.spinner-flower {
-  @include animation(spinner-flower 5s infinite ease-in-out);
-  background: $color-primary;
-  border: 1px solid $color-primary;
-  border-radius: 500px;
-  box-sizing: border-box;
-  height: 23px;
-  @include transform-origin(50% 50%);
-  width: 23px;
-}
-.spinner-orbit,
-.spinner-orbit-child  {
-  border: 2px solid $color-primary;
-  border-radius: 500px;
-  box-sizing: border-box;
-}
-.spinner-orbit { @include animation(spinner-orbit 1s linear infinite); }
-.spinner-orbit-child {
-  background: $color-primary;
-  height: 20px;
-  margin-top: -2px;
-  width: 20px;
-}
-.spinner-plane-rotating {
-  @include animation(spinner-plane-rotating 1.2s infinite ease-in-out);
-  background: $color-primary;
-  border: 1px solid $color-primary;
-  box-sizing: border-box;
-}
-.spinner-pulse {
-  @include animation(spinner-pulse 1s infinite ease-in-out);
-  background: $color-primary;
-  border: 1px solid $color-primary;
-  border-radius: 500px;
-  box-sizing: border-box;
-}
-.spinner-wave {
-  width: 100px;
-  height: 80px;
-}
-.spinner-wave-child {
-  @include animation(spinner-wave 1.2s infinite ease-in-out);
-  background: $color-primary;
-  border-radius: 2px;
-  display: inline-block;
-  height: 100%;
-  width: 6px;
-}
-.spinner-wave-child-1 { @include animation-delay(-1.2s); }
-.spinner-wave-child-2 { @include animation-delay(-1.1s); }
-.spinner-wave-child-3 { @include animation-delay(-1s); }
-.spinner-wave-child-4 { @include animation-delay(-0.9s); }
-.spinner-wave-child-5 { @include animation-delay(-0.8s); }
-.spinner-wobbler,
-.spinner-wobbler::after  {
-  border: 2px solid $color-primary;
-  border-radius: 500px;
-  box-sizing: border-box;
-}
-.spinner-wobbler {
-  height: 28px;
-  width: 150px;
-}
-.spinner-wobbler::after {
-  @include animation(spinner-wobbler 15s infinite ease-in-out);
-  background: $color-primary;
-  content: '';
-  height: 20px;
-  left: 5px;
-  position: absolute;
-  top: 2px;
-  width: 20px;
-}
-
-/* # Components
-================================================== */
-.spinner-backdrop {
-  background: transparentize($color-white, 0.1);
-  bottom: 0;
-  height: 100%;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: 2040;
-}
-
-/* # Colors
-================================================== */
-.spinner-dark { background: transparentize($color-black, 0.1); }
-.spinner-light { background: transparentize($color-haze, 0.1); }