box.sass in bulma-rails-0.5.1

- old
+ new

@@ -1,14 +1,24 @@
+$box-color: $text !default
+$box-background-color: $white !default
+$box-radius: $radius-large !default
+$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
+$box-padding: 1.25rem !default
+
+$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
+$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
+
 .box
   +block
-  background-color: $white
-  border-radius: $radius-large
-  box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
+  background-color: $box-background-color
+  border-radius: $box-radius
+  box-shadow: $box-shadow
+  color: $box-color
   display: block
-  padding: 1.25rem
+  padding: $box-padding
 
 a.box
   &:hover,
   &:focus
-    box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link
+    box-shadow: $box-link-hover-shadow
   &:active
-    box-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link
+    box-shadow: $box-link-active-shadow