_spinner.scss in patternfly-sass-3.4.0

- old
+ new

@@ -13,15 +13,15 @@
 }
 
 .spinner {
   -webkit-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
-  border-bottom: 4px solid rgba(0,0,0,.25);
-  border-left: 4px solid rgba(0,0,0,.25);
-  border-right: 4px solid rgba(0,0,0,.25);
+  border-bottom: 4px solid rgba($color-pf-black, 0.25);
+  border-left: 4px solid rgba($color-pf-black, 0.25);
+  border-right: 4px solid rgba($color-pf-black, 0.25);
   border-radius: 100%;
-  border-top: 4px solid rgba(0,0,0,.75);
+  border-top: 4px solid rgba($color-pf-black, 0.75);
   height: ($font-size-base * 2);
   margin: 0 auto;
   position: relative;
   width: ($font-size-base * 2);
   &.spinner-inline {
@@ -42,13 +42,13 @@
     border-width: 2px;
     height: $font-size-base;
     width: $font-size-base;
   }
   &.spinner-inverse {
-    border-bottom-color: rgba(255, 255, 255, 0.25);
-    border-left-color: rgba(255, 255, 255, 0.25);
-    border-right-color: rgba(255, 255, 255, 0.25);
-    border-top-color: rgba(255, 255, 255, 0.75);
+    border-bottom-color: rgba($color-pf-white, 0.25);
+    border-left-color: rgba($color-pf-white, 0.25);
+    border-right-color: rgba($color-pf-white, 0.25);
+    border-top-color: rgba($color-pf-white, 0.75);
   }
 }
 
 .ie9 .spinner {
   background: url("#{$img-path}/#{$img-spinner}") no-repeat;