bspin 1.0.1 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 766be4507a50fa2bed2d19263668df561c588288
-  data.tar.gz: f5c8ee480ea92a0b5b0c9dc93edeb2237a6d306d
+  metadata.gz: dda431a62aafbc4a70e49c83f0315ba21234a6a2
+  data.tar.gz: f27d9999cc8be1ba1787d1243d7c9890bd4b99d8
 SHA512:
-  metadata.gz: ac99b7f3a27970daf84a4af5fa29c94bd5af8ca4bdccc44b3b315e0d4ca52225fb1418932641b6ad8178c39aefc26f0a0b3629d5cd0726864a9f071794c67da5
-  data.tar.gz: 406fa00530cc105ac43855abaa53b839ecc2aa97dc64f25f47ce4917a1c8e63dfdb9167b4e72412b13bb1c79703402b25133ae96136859a139a478ad3f26ed89
+  metadata.gz: 7b552566145ee9e1dd771b4cb58142ea2541b1db6adfca9ee5765d8b33946d319cee9c6a51a86f37904dd6835e13c3b5b3dcb5a5c52f9d16ae9b14d6c92aa109
+  data.tar.gz: 2a17b77f15e44b4020a565667c84728a26cf7700df3968e3448415fe7a18c07ca4503b305a9827750816519ed4d80908dc491cffe2edffc450faa1d47b37a294

data/README.md

@@ -5,10 +5,11 @@ This will allow a call to a bspin - a css spinner styled to sit in the middle of
 
 ## Installation
 
-Add this line to your application's Gemfile:
+Add these lines to your application's Gemfile:
 
 ```ruby
 gem 'bspin'
+gem 'color'
 ```
 
 And then execute:

data/app/helpers/bspin_helper.rb

@@ -1,25 +1,32 @@
 module BspinHelper
+
   def styling(options = {})
 
+    options[:colour] = options[:color] if options.has_key?(:color)
     options[:colour] ||= 'black'
+    options[:type] ||= 'ball'
+    options[:type] = "ball" if !["ball", "circle1", "circle1-fade", "circle2",
+                                 "bubble1", "bubble2", "bar1", "bar2"].include? options[:type]
 
-    if options[:type] == "ball"
-      sizing = "1"
-    else
-      sizing = "2"
-    end
+    colour = Color::CSS[options[:colour]]
+    colour = Color::RGB.from_html(options[:colour]) if colour.blank?
+    red = colour.red.to_i
+    green = colour.green.to_i
+    blue = colour.blue.to_i
+
+    sizing = ( options[:type] == "ball" ? "1" : "2" )
 
     case options[:size]
       when "small"
-        sizing == "1" ? options[:size] = 30 : options[:size] = 5
+        options[:size] = ( sizing == "1" ? 30 : 5 )
       when "medium"
-        sizing == "1" ? options[:size] = 50 : options[:size] = 11
+        options[:size] = ( sizing == "1" ? 50 : 11 )
       when "large"
-        sizing == "1" ? options[:size] = 90 : options[:size] = 18
+        options[:size] = ( sizing == "1" ? 90 : 18 )
       when "x-large"
-        sizing == "1" ? options[:size] = 120 : options[:size] = 25
+        options[:size] = ( sizing == "1" ? 120 : 25 )
       else
-        sizing == "1" ? options[:size] = 90 : options[:size] = 18
+        options[:size] = ( sizing == "1" ? 90 : 18 )
     end
 
     case options[:speed]
@@ -33,30 +40,12 @@ module BspinHelper
         options[:speed] = 1.7
     end
 
-    case options[:type]
-      when "ball"
-        spin_type = "ball"
-      when "circle1"
-        spin_type = "circle1"
-      when "circle1-fade"
-        spin_type = "circle1-fade"
-      when "circle2"
-        spin_type = "circle2"
-      when "bubble1"
-        spin_type = "bubble1"
-      when "bubble2"
-        spin_type = "bubble2"
-      when "bar1"
-        spin_type = "bar1"
-      when "bar2"
-        spin_type = "bar2"
-      else
-        spin_type = "ball"
-    end
-
     render partial: 'bspin/bspin', locals: { colour: options[:colour],
                                              size: options[:size],
                                              speed: options[:speed],
-                                             spin_type: spin_type}
+                                             spin_type: options[:type],
+                                             red: red,
+                                             green: green,
+                                             blue: blue }
   end
 end

data/app/views/bspin/_bspin.html.erb

@@ -158,11 +158,11 @@
     height: 11em;
     border-radius: 50%;
     background: <%= colour -%>;
-    background: -moz-linear-gradient(left, <%= colour -%> 10%, rgba(0, 0, 0, 0) 42%);
-    background: -webkit-linear-gradient(left, <%= colour -%> 10%, rgba(0, 0, 0, 0) 42%);
-    background: -o-linear-gradient(left, <%= colour -%> 10%, rgba(0, 0, 0, 0) 42%);
-    background: -ms-linear-gradient(left, <%= colour -%> 10%, rgba(0, 0, 0, 0) 42%);
-    background: linear-gradient(to right, <%= colour -%> 10%, rgba(0, 0, 0, 0) 42%);
+    background: -moz-linear-gradient(left, <%= colour -%> 10%, rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0) 42%);
+    background: -webkit-linear-gradient(left, <%= colour -%> 10%, rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0) 42%);
+    background: -o-linear-gradient(left, <%= colour -%> 10%, rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0) 42%);
+    background: -ms-linear-gradient(left, <%= colour -%> 10%, rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0) 42%);
+    background: linear-gradient(to right, <%= colour -%> 10%, rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0) 42%);
     position: fixed;
     z-index:99;
     top:0;
@@ -234,9 +234,9 @@
     text-indent: -9999em;
     <%#- TODO - color conversions for transparency.  Use gem color? %>
     <%#- colourhex.scan(/../).map {|color| color.to_i(16)} -%>
-    border-top: 1.1em solid rgba(0,0,0, 0.2);
-    border-right: 1.1em solid rgba(0,0,0, 0.2);
-    border-bottom: 1.1em solid rgba(0,0,0, 0.2);
+    border-top: 1.1em solid rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
+    border-right: 1.1em solid rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
+    border-bottom: 1.1em solid rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     border-left: 1.1em solid <%= colour -%>;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
@@ -369,55 +369,55 @@
     @-webkit-keyframes load5 {
     0%,
     100% {
-    box-shadow: 0em -2.6em 0em 0em <%= colour -%>, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
+    box-shadow: 0em -2.6em 0em 0em <%= colour -%>, 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7);
     }
     12.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em <%= colour -%>, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 1.8em -1.8em 0 0em <%= colour -%>, 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5);
     }
     25% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em <%= colour -%>, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 2.5em 0em 0 0em <%= colour -%>, 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     37.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     50% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em <%= colour -%>, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 0em 2.5em 0 0em <%= colour -%>, -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     62.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em <%= colour -%>, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -1.8em 1.8em 0 0em <%= colour -%>, -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     75% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em <%= colour -%>, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -2.6em 0em 0 0em <%= colour -%>, -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     87.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em <%= colour -%>;
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -1.8em -1.8em 0 0em <%= colour -%>;
     }
     }
     @keyframes load5 {
     0%,
     100% {
-    box-shadow: 0em -2.6em 0em 0em <%= colour -%>, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
+    box-shadow: 0em -2.6em 0em 0em <%= colour -%>, 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7);
     }
     12.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em <%= colour -%>, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 1.8em -1.8em 0 0em <%= colour -%>, 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5);
     }
     25% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em <%= colour -%>, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 2.5em 0em 0 0em <%= colour -%>, 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     37.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     50% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em <%= colour -%>, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), 0em 2.5em 0 0em <%= colour -%>, -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     62.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em <%= colour -%>, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -1.8em 1.8em 0 0em <%= colour -%>, -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     75% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em <%= colour -%>, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -2.6em 0em 0 0em <%= colour -%>, -1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2);
     }
     87.5% {
-    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em <%= colour -%>;
+    box-shadow: 0em -2.6em 0em 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.8em -1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 2.5em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 1.75em 1.75em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), 0em 2.5em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.2), -1.8em 1.8em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.5), -2.6em 0em 0 0em rgba(<%= red -%>, <%= green -%>, <%= blue -%>, 0.7), -1.8em -1.8em 0 0em <%= colour -%>;
     }
     }
 <%- when "bar1" -%>

data/bspin.gemspec

@@ -29,4 +29,5 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "bundler", "~> 1.10"
   spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "color", "~> 1.7"
 end

data/lib/bspin/version.rb

@@ -1,3 +1,3 @@
 module Bspin
-  VERSION = "1.0.1"
+  VERSION = "1.1.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bspin
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.1.0
 platform: ruby
 authors:
 - Wayne Harlech-Jones
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-07-29 00:00:00.000000000 Z
+date: 2015-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,6 +38,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: color
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
 description: This has a variety of spinners that sit in the middle of the page as
   an overlay.
 email:
@@ -47,7 +61,6 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
-- ".idea/.rakeTasks"
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt

data/.idea/.rakeTasks

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Settings><!--This file was automatically generated by Ruby plugin.
-You are allowed to: 
-1. Remove rake task
-2. Add existing rake tasks
-To add existing rake tasks automatically delete this file and reload the project.
---><RakeGroup description="" fullCmd="" taksId="rake"><RakeTask description="Build bspin-0.2.1.gem into the pkg directory" fullCmd="build" taksId="build" /><RakeTask description="Build and install bspin-0.2.1.gem into system gems" fullCmd="install" taksId="install" /><RakeGroup description="" fullCmd="" taksId="install"><RakeTask description="Build and install bspin-0.2.1.gem into system gems without network access" fullCmd="install:local" taksId="local" /></RakeGroup><RakeTask description="Create tag v0.2.1 and build and push bspin-0.2.1.gem to Rubygems" fullCmd="release" taksId="release" /><RakeGroup description="" fullCmd="" taksId="release"><RakeTask description="" fullCmd="release:guard_clean" taksId="guard_clean" /><RakeTask description="" fullCmd="release:rubygem_push" taksId="rubygem_push" /><RakeTask description="" fullCmd="release:source_control_push" taksId="source_control_push" /></RakeGroup></RakeGroup></Settings>