Added a touch/hover state to options expandos

r2/r2/public/static/css/compact.scss

@@ -145,7 +145,6 @@ button.button {
     margin:  35px -5px -1px;
     border-top:  1px solid hsl(210,35%,10%);
     display: none;
-    padding: 10px;
     @include box-orient(horizontal);
     @include box-align(center);
     @include box-pack(center);
@@ -157,11 +156,34 @@ button.button {
         color: white;
         text-decoration: none;
         font-size: 11px;
-        padding: {
-            left: 5px;
-            right: 5px;
+        padding: 10px;
+        width: 40px;
+        text-align: center;
+        border-right:  1px solid hsl(210,35%,10%);
+        border-left:  1px solid hsl(210,35%,30%);
+        @include transition(all, 100ms, ease-in);
+
+        &:active {
+            background-color: hsl(210,35%,30%);
+            border-left: 1px solid hsl(210,35%,40%);
+        }
+
+        &:hover {
+            background-color: hsl(210,25%,20%);
+            @include box-shadow(inset 0px 3px 8px hsla(0,0%,0%,.8));
+            border-left: 1px solid hsl(210,35%,40%);
+            padding: {
+                top: 15px;
+                bottom: 5px;
+            }
+        }
+
+        &:first-child {
+            border-left: none;
+        }
+        &:last-child {
+            border-right: none;
         }
-        
     }
 
     &.expanded {

r2/r2/public/static/css/config.rb

@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+ line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass