flashgrid 3.0.5 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9476f09c0f455ce04716f3dffcca6e4ca79be4ea
-  data.tar.gz: 59e17ec413557f87d1eac72fc56abf8ea1964e6f
+  metadata.gz: ee8cc0e11e1eb89c76208665fd896be7cc82032b
+  data.tar.gz: cc89cd92bad7caca4b9eb50ca6f7a4e2af48023c
 SHA512:
-  metadata.gz: 70e182806489148884283f40a8d010db949e16aba039a88cf0b7b7cd6fb7526da0e0adc32613c536c473a66bf50db96526b4d7115845f72b0c09d77bc199c72f
-  data.tar.gz: 744dec3ec9f74f5d3929934240075200257c906fa8ddfb995a4b28b0f02cfb28c070b614e370bf914d20fa78aa87451a5882db17a2d4e54b84223ab8e93082f2
+  metadata.gz: b60e3d9aa04bbfc9bd068c01cdfe7b965f26beed1ebf2ca580ed5cdd6bd2aa9fbfea9bb8d53600580c793aa4347fbf04d831ba2187bf7fc8b373e669d5078c34
+  data.tar.gz: c8c4edecebed1ef77c12ccac615bd9db936e7896ff469e6883184a1c5dd57f99fbb2f848a9a4f15a0f53512abf1ee37ab1983a18865c2e4c7501c81722de911c

data/README.md

@@ -54,6 +54,7 @@ Add the CSS files you want to include:
 *= require popover.css (place after tooltip)
 *= require progress.css
 *= require reset.css (place before any files)
+*= require spinner.css
 *= require switch.css
 *= require table.css
 *= require timepicker.css

data/flashgrid.gemspec

@@ -18,6 +18,6 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "bundler", "~> 1.6"
   spec.add_development_dependency "rake"
-end
+end

data/lib/flashgrid/version.rb

@@ -1,3 +1,3 @@
 module Flashgrid
-  VERSION = "3.0.5"
+  VERSION = "3.1.0"
 end

data/vendor/assets/javascripts/modal.js

@@ -98,9 +98,6 @@
 
     this.isShown = false
 
-    this.$body.removeClass('modal-open')
-
-    this.resetScrollbar()
     this.escape()
 
     $(document).off('focusin.bs.modal')
@@ -141,6 +138,8 @@
     var that = this
     this.$element.hide()
     this.backdrop(function () {
+      that.$body.removeClass('modal-open')
+      that.resetScrollbar()
       that.$element.trigger('hidden.bs.modal')
     })
   }

data/vendor/assets/stylesheets/alert.css.scss

@@ -55,8 +55,8 @@
 }
 .alert-black,
 .alert-system {
-  background: rgba(56,67,81,1);
-  border-color: rgba(6,17,31,1);
+  background: rgba(71,74,84,1);
+  border-color: rgba(31,34,44,1);
   color: rgba(255,255,255,1);
 }
 .alert-black h4,

data/vendor/assets/stylesheets/animation.css.scss

@@ -72,7 +72,7 @@
   }
   100% {
     -webkit-transform: scale(1);
-    transform: scale(1);
+            transform: scale(1);
   }
 }
 @keyframes pulse {

data/vendor/assets/stylesheets/button.css.scss

@@ -104,6 +104,10 @@ input.btn-block {
 .btn-blue[disabled],
 .btn-green,
 .btn-green[disabled],
+.btn-orange,
+.btn-orange[disabled],
+.btn-purple,
+.btn-purple[disabled],
 .btn-red,
 .btn-red[disabled] { color: rgba(255,255,255,1); }
 .btn-black {
@@ -142,6 +146,30 @@ input.btn-block {
 .btn-green[disabled],
 .btn-green[disabled]:hover,
 .open > .dropdown-toggle.btn-green { background: rgba(99,178,25,1); }
+.btn-orange {
+  background: rgba(232,126,15,1);
+  border-color: rgba(202,96,0,1);
+  box-shadow: inset 0 1px 0 rgba(252,146,35,1);
+}
+.btn-orange:active,
+.btn-orange.active,
+.btn-orange:hover,
+.btn-orange:focus,
+.btn-orange[disabled],
+.btn-orange[disabled]:hover,
+.open > .dropdown-toggle.btn-orange { background: rgba(242,136,25,1); }
+.btn-purple {
+  background: rgba(117,73,170,1);
+  border-color: rgba(97,43,130,1);
+  box-shadow: inset 0 1px 0 rgba(137,93,190,1);
+}
+.btn-purple:active,
+.btn-purple.active,
+.btn-purple:hover,
+.btn-purple:focus,
+.btn-purple[disabled],
+.btn-purple[disabled]:hover,
+.open > .dropdown-toggle.btn-purple { background: rgba(127,83,180,1); }
 .btn-red {
   background: rgba(218,79,46,1);
   border-color: rgba(188,49,16,1);
@@ -272,6 +300,36 @@ input.btn-block {
   border-color: rgba(129,198,45,1);
   color: rgba(129,198,45,1);
 }
+.btn-outline.btn-orange {
+  border-color: rgba(232,126,15,1);
+  color: rgba(232,126,15,1);
+}
+.btn-outline.btn-orange:active,
+.btn-outline.btn-orange.active,
+.btn-outline.btn-orange:hover,
+.btn-outline.btn-orange:focus {
+  border-color: rgba(252,146,35,1);
+  color: rgba(252,146,35,1);
+}
+
+
+
+
+.btn-outline.btn-purple {
+  border-color: rgba(117,73,170,1);
+  color: rgba(117,73,170,1);
+}
+.btn-outline.btn-purple:active,
+.btn-outline.btn-purple.active,
+.btn-outline.btn-purple:hover,
+.btn-outline.btn-purple:focus {
+  border-color: rgba(137,93,190,1);
+  color: rgba(137,93,190,1);
+}
+
+
+
+
 .btn-outline.btn-red {
   border-color: rgba(218,79,46,1);
   color: rgba(218,79,46,1);

data/vendor/assets/stylesheets/label_and_badge.css.scss

@@ -11,7 +11,7 @@
   border-radius: 2px;
   color: rgba(71,74,84,1);
   display: inline-block;
-  padding: 5px 5px 7px 5px;
+  padding: 5px 5px 6px 5px;
   font-size: 12px;
   font-weight: bold;
   line-height: 12px;

data/vendor/assets/stylesheets/link.css.scss

@@ -18,5 +18,7 @@ a {
 .link-gray   { color: rgba(136,153,166,1); }
 .link-green  { color: rgba(112,169,13,1); }
 .link-red    { color: rgba(218,79,46,1); }
+.link-red    { color: rgba(218,79,46,1); }
+.link-orange { color: rgba(232,126,15,1); }
 .link-white  { color: rgba(255,255,255,1); }
 .link-yellow { color: rgba(255,217,15,1); }

data/vendor/assets/stylesheets/modal.css.scss

@@ -25,8 +25,7 @@
   background: rgba(255,255,255,1);
   border-radius: 5px;
   box-shadow: 0 0 3px rgba(0,0,0,0.25);
-  left: 50%;
-  margin-left: -280px;
+  margin: 0 auto;
   outline: none;
   position: fixed;
   top: 0;
@@ -112,15 +111,9 @@ input[type="submit"].modal-footer-btn[disabled] {
 /* #Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
-  .modal {
-    margin-left: -150px;
-    width: 300px;
-  }
+  .modal      { width: 300px; }
   .modal-body { max-height: 180px; }
 }
 @media only screen and (min-width: 480px) and (max-width: 767px) {
-  .modal {
-    margin-left: -210px;
-    width: 420px;
-  }
+  .modal { width: 420px; }
 }

data/vendor/assets/stylesheets/progress.css.scss

@@ -4,6 +4,14 @@
 
 /* #Progress
 ================================================== */
+@-webkit-keyframes progressBarStripes {
+  from { background-position: 40px 0; }
+  to   { background-position: 0 0; }
+}
+@keyframes progressBarStripes {
+  from { background-position: 40px 0; }
+  to   { background-position: 0 0; }
+}
 .progress {
   background: rgba(245,248,250,1);
   border-radius: 500px;
@@ -22,4 +30,14 @@
   text-align: center;
   width: 0;
 }
+.progress .bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+.progress .bar-striped.active {
+  -webkit-animation: progressBarStripes 2s linear infinite;
+          animation: progressBarStripes 2s linear infinite;
+}
 .progress-mini { height: 8px; }

data/vendor/assets/stylesheets/spinner.css.scss

@@ -0,0 +1,750 @@
+/* Table of Contents
+==================================================
+#Spinner */
+
+/* #Spinner
+================================================== */
+.spinner-backdrop {
+  background: rgba(71,74,84,0.8);
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1040;
+}
+.spinner {
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  margin: 15% auto 0 auto;
+  position: relative;
+  text-align: center;
+}
+@-webkit-keyframes spinnerBeat {
+  0% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  28% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  70% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes spinnerBeat {
+  0% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  28% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.5);
+        -ms-transform: scale(1.5);
+            transform: scale(1.5);
+  }
+  70% {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+  }
+}
+.spinner-beat {
+  -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
+          animation: spinnerBeat 1.3s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 50px;
+  width: 50px;
+}
+@-webkit-keyframes spinnerCircle {
+  0%, 80%, 100% { -webkit-transform: scale(0.0); }
+  40%           { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerCircle {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  40% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-circle {
+  height: 60px;
+  width: 60px;
+}
+.spinner-circle-container-1 > div,
+.spinner-circle-container-2 > div,
+.spinner-circle-container-3 > div {
+  -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
+          animation: spinnerCircle 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+.spinner-circle .spinner-circle-container {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+.spinner-circle-container-2 {
+  -webkit-transform: rotateZ(45deg);
+          transform: rotateZ(45deg);
+}
+.spinner-circle-container-3 {
+  -webkit-transform: rotateZ(90deg);
+          transform: rotateZ(90deg);
+}
+.spinner-circle-1 {
+  left: 0;
+  top: 0;
+}
+.spinner-circle-2 {
+  right: 0;
+  top: 0;
+}
+.spinner-circle-3 {
+  bottom: 0;
+  right: 0;
+}
+.spinner-circle-4 {
+  bottom: 0;
+  left: 0;
+}
+.spinner-circle-container-2 .spinner-circle-1 {
+  -webkit-animation-delay: -1.1s;
+          animation-delay: -1.1s;
+}
+.spinner-circle-container-3 .spinner-circle-1 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+.spinner-circle-container-1 .spinner-circle-2 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+.spinner-circle-container-2 .spinner-circle-2 {
+  -webkit-animation-delay: -0.8s;
+          animation-delay: -0.8s;
+}
+.spinner-circle-container-3 .spinner-circle-2 {
+  -webkit-animation-delay: -0.7s;
+          animation-delay: -0.7s;
+}
+.spinner-circle-container-1 .spinner-circle-3 {
+  -webkit-animation-delay: -0.6s;
+          animation-delay: -0.6s;
+}
+.spinner-circle-container-2 .spinner-circle-3 {
+  -webkit-animation-delay: -0.5s;
+          animation-delay: -0.5s;
+}
+.spinner-circle-container-3 .spinner-circle-3 {
+  -webkit-animation-delay: -0.4s;
+          animation-delay: -0.4s;
+}
+.spinner-circle-container-1 .spinner-circle-4 {
+  -webkit-animation-delay: -0.3s;
+          animation-delay: -0.3s;
+}
+.spinner-circle-container-2 .spinner-circle-4 {
+  -webkit-animation-delay: -0.2s;
+          animation-delay: -0.2s;
+}
+.spinner-circle-container-3 .spinner-circle-4 {
+  -webkit-animation-delay: -0.1s;
+          animation-delay: -0.1s;
+}
+@-webkit-keyframes spinnerChaseRotate {
+  100% { -webkit-transform: rotate(360deg) }
+}
+@keyframes spinnerChaseRotate {
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes spinnerChaseBounce {
+  0%, 100% { -webkit-transform: scale(0.0); }
+  50%      { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerChaseBounce {
+  0%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  50% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-chase {
+  -webkit-animation: spinnerChaseRotate 2.0s infinite linear;
+          animation: spinnerChaseRotate 2.0s infinite linear;
+  height: 60px;
+  width: 60px;
+}
+.spinner-chase-1,
+.spinner-chase-2 {
+  -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+          animation: spinnerChaseBounce 2.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 60%;
+  position: absolute;
+  top: 0;
+  width: 60%;
+}
+.spinner-chase-2 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+  bottom: 0;
+  top: auto;
+}
+@-webkit-keyframes spinnerCrescent {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes spinnerCrescent {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.spinner-crescent {
+  -webkit-animation: spinnerCrescent 1.2s infinite linear;
+          animation: spinnerCrescent 1.2s infinite linear;
+  border: 9px solid rgba(255,255,255,1);
+  border-right-color: transparent;
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 60px;
+  width: 60px;
+}
+@-webkit-keyframes spinnerCube {
+  0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); }
+  35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0); }
+}
+@keyframes spinnerCube {
+  0%, 70%, 100% {
+    -webkit-transform:scale3D(1.0, 1.0, 1.0);
+        -ms-transform:scale3D(1.0, 1.0, 1.0);
+            transform:scale3D(1.0, 1.0, 1.0);
+  }
+  35%           {
+    -webkit-transform:scale3D(0.0, 0.0, 1.0);
+        -ms-transform:scale3D(0.0, 0.0, 1.0);
+            transform:scale3D(0.0, 0.0, 1.0);
+  }
+}
+.spinner-cube {
+  height: 60px;
+  width: 60px;
+}
+.spinner-cube-1,
+.spinner-cube-2,
+.spinner-cube-3,
+.spinner-cube-4,
+.spinner-cube-5,
+.spinner-cube-6,
+.spinner-cube-7,
+.spinner-cube-8,
+.spinner-cube-9 {
+  -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
+          animation: spinnerCube 1.3s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  float: left;
+  height: 33%;
+  width: 33%;
+}
+.spinner-cube-2,
+.spinner-cube-5,
+.spinner-cube-8 { margin: 0 -1px; }
+.spinner-cube .spinner-cube-1 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.spinner-cube .spinner-cube-2 {
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+}
+.spinner-cube .spinner-cube-3 {
+  -webkit-animation-delay: 0.4s;
+          animation-delay: 0.4s;
+}
+.spinner-cube .spinner-cube-4 {
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+}
+.spinner-cube .spinner-cube-5 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.spinner-cube .spinner-cube-6 {
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+}
+.spinner-cube .spinner-cube-7 {
+  -webkit-animation-delay: 0.0s;
+          animation-delay: 0.0s;
+}
+.spinner-cube .spinner-cube-8 {
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+}
+.spinner-cube .spinner-cube-9 {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+@-webkit-keyframes spinnerDoubleBounce {
+  0%, 100% { -webkit-transform: scale(0.0); }
+  50%      { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerDoubleBounce {
+  0%, 100% {
+
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  50% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-double-bounce {
+  height: 60px;
+  width: 60px;
+}
+.spinner-double-bounce-1,
+.spinner-double-bounce-2 {
+  -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+          animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 50%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 100%;
+  left: 0;
+  opacity: 0.85;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.spinner-double-bounce-2 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+@-webkit-keyframes spinnerFlower {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  }
+  50% {
+    -webkit-transform: rotate(1080deg);
+        -ms-transform: rotate(1080deg);
+            transform: rotate(1080deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px;
+  }
+}
+@keyframes spinnerFlower {
+  0% {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  }
+  50% {
+    -webkit-transform: rotate(1080deg);
+        -ms-transform: rotate(1080deg);
+            transform: rotate(1080deg);
+    box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px;
+  }
+}
+.spinner-flower {
+  -webkit-animation: spinnerFlower 5s infinite ease-in-out;
+          animation: spinnerFlower 5s infinite ease-in-out;
+  background: rgba(71,74,84,1);
+  border-radius: 100%;
+  box-shadow: rgba(225,232,237,1) 0 0 23px 0, rgba(255,255,255,1) -20px -20px 0 4px, rgba(255,255,255,1) 20px -20px 0 4px, rgba(255,255,255,1) 20px 20px 0 4px, rgba(255,255,255,1) -20px 20px 0 4px;
+  height: 24px;
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  width: 24px;
+}
+@-webkit-keyframes spinnerOrbit {
+  0%   { -webkit-transform: rotate(0); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes spinnerOrbit {
+  0% {
+    -webkit-transform: rotate(0);
+        -ms-transform: rotate(0);
+            transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.spinner-orbit {
+  -webkit-animation: spinnerOrbit 1s linear infinite;
+          animation: spinnerOrbit 1s linear infinite;
+  border: 1px solid rgba(255,255,255,1);
+  border-radius: 100%;
+  height: 60px;
+  width: 60px;
+}
+.spinner-orbit-1 {
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 20px;
+  width: 20px;
+}
+@-webkit-keyframes spinnerPulse {
+  0% { -webkit-transform: scale(0.0) }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(1.0);
+  }
+}
+@keyframes spinnerPulse {
+  0% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-pulse {
+  -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
+          animation: spinnerPulse 1.0s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 60px;
+  width: 60px;
+}
+@-webkit-keyframes spinnerRotatingPlane {
+  0%   { -webkit-transform: perspective(120px); }
+  50%  { -webkit-transform: perspective(120px) rotateY(180deg); }
+  100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
+}
+@keyframes spinnerRotatingPlane {
+  0% {
+    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+        -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+        -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+  }
+  100% {
+    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+        -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+  }
+}
+.spinner-rotating-plane {
+  -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+          animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 100px;
+  width: 100px;
+}
+@-webkit-keyframes spinnerTripleBounce {
+  0%, 80%, 100% { -webkit-transform: scale(0.0); }
+  40%           { -webkit-transform: scale(1.0); }
+}
+@keyframes spinnerTripleBounce {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.0);
+        -ms-transform: scale(0.0);
+            transform: scale(0.0);
+  }
+  40% {
+    -webkit-transform: scale(1.0);
+        -ms-transform: scale(1.0);
+            transform: scale(1.0);
+  }
+}
+.spinner-triple-bounce { width: 100px; }
+.spinner-triple-bounce > div {
+  -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+          animation: spinnerTripleBounce 1.4s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 100%;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 25px;
+  width: 25px;
+}
+.spinner-triple-bounce .spinner-triple-bounce-1 {
+  -webkit-animation-delay: -0.32s;
+          animation-delay: -0.32s;
+}
+.spinner-triple-bounce .spinner-triple-bounce-2 {
+  -webkit-animation-delay: -0.16s;
+          animation-delay: -0.16s;
+}
+@-webkit-keyframes spinnerWander {
+  25%  { -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5); }
+  50%  { -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg); }
+  75%  { -webkit-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5); }
+  100% { -webkit-transform: rotate(-360deg); }
+}
+@keyframes spinnerWander {
+  25% {
+    -webkit-transform: translateX(50px) rotate(-90deg) scale(0.5);
+        -ms-transform: translateX(50px) rotate(-90deg) scale(0.5);
+            transform: translateX(50px) rotate(-90deg) scale(0.5);
+  }
+  50% {
+    -webkit-transform: translateX(50px) translateY(50px) rotate(-179deg);
+        -ms-transform: translateX(50px) translateY(50px) rotate(-179deg);
+            transform: translateX(50px) translateY(50px) rotate(-179deg);
+  }
+  50.1% {
+    -webkit-transform: translateX(50px) translateY(50px) rotate(-180deg);
+        -ms-transform: translateX(50px) translateY(50px) rotate(-180deg);
+            transform: translateX(50px) translateY(50px) rotate(-180deg);
+  }
+  75% {
+    -webkit-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+        -ms-transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+            transform: translateX(0px) translateY(50px) rotate(-270deg) scale(0.5);
+  }
+  100% {
+    -webkit-transform: rotate(-360deg);
+        -ms-transform: rotate(-360deg);
+            transform: rotate(-360deg);
+  }
+}
+.spinner-wander {
+  height: 100px;
+  width: 100px;
+}
+.spinner-wander-1,
+.spinner-wander-2 {
+  -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
+          animation: spinnerWander 1.8s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.spinner-wander-2 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+@-webkit-keyframes spinnerWave {
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
+  20%           { -webkit-transform: scaleY(1.0); }
+}
+@keyframes spinnerWave {
+  0%, 40%, 100% {
+    -webkit-transform: scaleY(0.4);
+        -ms-transform: scaleY(0.4);
+            transform: scaleY(0.4);
+  }
+  20% {
+    -webkit-transform: scaleY(1.0);
+        -ms-transform: scaleY(1.0);
+            transform: scaleY(1.0);
+  }
+}
+.spinner-wave { height: 100px; }
+.spinner-wave > div {
+  -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
+          animation: spinnerWave 1.2s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  display: inline-block;
+  height: 100%;
+  width: 6px;
+}
+.spinner-wave .spinner-wave-2 {
+  -webkit-animation-delay: -1.1s;
+          animation-delay: -1.1s;
+}
+.spinner-wave .spinner-wave-3 {
+  -webkit-animation-delay: -1.0s;
+          animation-delay: -1.0s;
+}
+.spinner-wave .spinner-wave-4 {
+  -webkit-animation-delay: -0.9s;
+          animation-delay: -0.9s;
+}
+.spinner-wave .spinner-wave-5 {
+  -webkit-animation-delay: -0.8s;
+          animation-delay: -0.8s;
+}
+@-webkit-keyframes spinnerWobbler {
+  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 spinnerWobbler {
+  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-wobbler {
+  border: 1px solid rgba(255,255,255,1);
+  border-radius: 500px;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  height: 26px;
+  width: 150px;
+}
+.spinner-wobbler::after {
+  -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
+          animation: spinnerWobbler 15s infinite ease-in-out;
+  background: rgba(255,255,255,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 500px;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
+  content: '';
+  height: 20px;
+  left: 5px;
+  position: absolute;
+  top: 2px;
+  width: 20px;
+}

data/vendor/assets/stylesheets/typography.css.scss

@@ -146,6 +146,8 @@ blockquote small { color: rgba(136,153,166,1); }
 .text-gray   { color: rgba(136,153,166,1); }
 .text-green  { color: rgba(112,169,13,1); }
 .text-red    { color: rgba(218,79,46,1); }
+.text-orange { color: rgba(232,126,15,1); }
+.text-purple { color: rgba(117,73,170,1); }
 .text-white  { color: rgba(255,255,255,1); }
 .text-yellow { color: rgba(255,217,15,1); }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: flashgrid
 version: !ruby/object:Gem::Version
-  version: 3.0.5
+  version: 3.1.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-19 00:00:00.000000000 Z
+date: 2014-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.5'
+        version: '1.6'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.5'
+        version: '1.6'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -123,6 +123,7 @@ files:
 - vendor/assets/stylesheets/popover.css.scss
 - vendor/assets/stylesheets/progress.css.scss
 - vendor/assets/stylesheets/reset.css.scss
+- vendor/assets/stylesheets/spinner.css.scss
 - vendor/assets/stylesheets/switch.css.scss
 - vendor/assets/stylesheets/table.css.scss
 - vendor/assets/stylesheets/timepicker.css.scss