integrity.sass in alphasights-integrity-0.1.10

- old
+ new

@@ -15,10 +15,12 @@
 !quote_bg      = #fff
 !success_bg    = #bbf8aa
 !success_color = #337022
 !failed_bg     = #fba
 !failed_color  = #f10
+!building_bg   = #ccc
+!building_color = #777
 
 html
   :background-color = !page_bg
 
 body
@@ -239,36 +241,36 @@
     li
       :position relative
       :border-bottom = 1px "solid" !rule_color
       &.odd
         :background = !content_bg - #080808
-      &.building
-        :background transparent url(/spinner.gif) no-repeat scroll right
       a
         :font-size 2em
         :padding .25em
         :line-height 1.2
         :font-weight bold
         :display block
         &.success
           :color = !success_color
         &.failed
           :color = !failed_color
+        &.building
+          :color = !building_color
       .meta
         :position absolute
         :right .6em
         :top 1em
         :line-height 24px
         :font-size 0.8em
         :color = !light_color
         :text-align right
-      &.building .meta
-        :right 1.6em
       &.success .meta
         :color = !success_color
       &.failed .meta
         :color = !failed_color
+      &.building .meta
+        :color = !building_color
 
 
   #previous_builds
     li
       a
@@ -299,10 +301,18 @@
         :color = !failed_color
         .attribution
           :color = !failed_bg - #444
         &:hover
           :background-color = !failed_bg + #222
+      &.building a
+        :background-color = !building_bg
+        :border-color = !building_bg - #222
+        :color = !building_color
+        .attribution
+          :color = !building_bg - #444
+        &:hover
+          :background-color = !building_bg + #222
 
 
   #build, #last_build
     :position relative
     h1, blockquote
@@ -342,9 +352,19 @@
         span.what a
           :color = !failed_bg - #555
           &:hover
             :background-color = !failed_bg - #555
             :color #fff
+
+    &.building
+      h1, blockquote
+        :background-color = !building_bg
+        :border-color = (!building_bg - #222) (!building_bg + #111) (!building_bg + #111) (!building_bg - #222)
+      h1
+        :color = !building_color
+        :background transparent url(/spinner.gif) no-repeat scroll right
+      .meta
+        :color = !building_color - #444
 
     h1
       :margin-top .5em
       :margin-bottom 0
       :padding .25em