Made the package more configurable by adding !default to color variables

Author: Kenneth Veldman

.gitignore

@@ -16,5 +16,7 @@ results
 npm-debug.log
 node_modules
 
+.bower.json
+
 *.sass_cache
 *.scssc

sass/_variables.scss

@@ -2,8 +2,27 @@ $item-display-duration: 5 !default; //seconds
 $transition-duration: 2 !default; // seconds
 $display-duration: $transition-duration + $item-display-duration;
 
-@mixin inactive-button { color: #ccc; color: rgba(255, 255, 255, .4); }
-@mixin active-button { color: white; color: rgba(255, 255, 255, .8); }
+$gallery-inactive-color: #ccc !default;
+$gallery-inactive-transparent-color: white !default;
+$gallery-inactive-opacity: 0.4 !default;
+$gallery-active-color: white !default;
+$gallery-active-transparent-color: white !default;
+$gallery-active-opacity: 0.8 !default;
 
-%inactive-button { @include inactive-button; }
-%active-button { @include active-button; }
+@mixin inactive-button {
+  color: $gallery-inactive-color;
+  color: rgba($gallery-inactive-transparent-color, $gallery-inactive-opacity);
+}
+
+@mixin active-button {
+  color: $gallery-active-color;
+  color: rgba($gallery-active-transparent-color, $gallery-active-opacity);
+}
+
+%inactive-button {
+  @include inactive-button;
+}
+
+%active-button {
+  @include active-button;
+}