Resolved some utility module bugs, other changes

CHANGELOG.md

@@ -6,6 +6,8 @@
 - Added support for `:disabled` pseudo-class for elements with disabled styles (issue #8).
 - Added support for `:active` and `:focus` for the close utility class (issue #9).
 - New module: Spinners (component comes in two styles) - part of the extra modules.
+- Removed the `flavor.scss` file from the `/scss` directory. Default flavor base will be `/flavors/mini-default.scss`.
+- Added hover styling and pointer cursor to the thumbnail styling (issue #10).
 
 ## v1.0.2
 

flavors/mini-default.css

@@ -889,6 +889,7 @@ textarea {
 	- $thumb-padding       :	The padding between the image and the border.
 	- $thumb-border	       :	The style of the thumbnail's border.
 	- $thumb-border-radius :	The border radius of the thumbnail.
+	- $thumb-hover-color   :	The color of the thumbnail's border when hovering over it.
 	Notes:
 	- [1] : This style only applies to `img` elements with the class specified in
 		`$thumb-name`.
@@ -982,7 +983,10 @@ textarea {
 img.thumb {
   padding: 0.25em;
   border: 1px solid #ccc;
-  border-radius: 4px; }
+  border-radius: 4px;
+  cursor: pointer; }
+  img.thumb:hover, img.thumb:focus, img.thumbactive {
+    border-color: #2678b3; }
 
 .bordered {
   border: 1px solid rgba(0, 0, 0, 0.25) !important; }

flavors/mini-default.scss

@@ -202,6 +202,7 @@ $clearfix-class-name:						cf;									// Name for the clearfix class
 $hidden-class-name:							hidden;								// Name for the hidden class
 //	Colors for the utility and helper classes (you can remove things you
 //	don't need or define more colors if you need them).
+$thumbnail-hover-color:						$a-color;							// Border color of the thumbnail when hovering over it
 $bordered-radial-radius:					4px;								// Border radius of rounded borders
 $bordered-radial2-radius:					50%;								// Border radius of the alternative rounded borders
 $colored-text1-color:						$btn-b-bg-color;					// Text color for the colored text style 1 class
@@ -214,7 +215,7 @@ $colored-bg-text3-bg-color:					$btn-r-bg-color;					// Background color for the
 @import '../scss/mini/utility';
 // Use utility mixins to create utility classes with given specs. For more information
 // refer to the _utility.scss file to check the definitions.
-@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #ccc, 4px);
+@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #ccc, 4px, $thumbnail-hover-color);
 @include make-border-generic($bordered-class-name);
 @include make-border-radial-style($bordered-radial-name, $bordered-radial-radius);
 @include make-border-radial-style($bordered-radial2-name, $bordered-radial2-radius);

flavors/mini-niteowl.css

@@ -889,6 +889,7 @@ textarea {
 	- $thumb-padding       :	The padding between the image and the border.
 	- $thumb-border	       :	The style of the thumbnail's border.
 	- $thumb-border-radius :	The border radius of the thumbnail.
+	- $thumb-hover-color   :	The color of the thumbnail's border when hovering over it.
 	Notes:
 	- [1] : This style only applies to `img` elements with the class specified in
 		`$thumb-name`.
@@ -982,7 +983,10 @@ textarea {
 img.thumb {
   padding: 0.25em;
   border: 1px solid #304251;
-  border-radius: 4px; }
+  border-radius: 4px;
+  cursor: pointer; }
+  img.thumb:hover, img.thumb:focus, img.thumbactive {
+    border-color: #6493cd; }
 
 .bordered {
   border: 1px solid rgba(0, 0, 0, 0.25) !important; }

flavors/mini-niteowl.scss

@@ -202,6 +202,7 @@ $clearfix-class-name:						cf;									// Name for the clearfix class
 $hidden-class-name:							hidden;								// Name for the hidden class
 //	Colors for the utility and helper classes (you can remove things you
 //	don't need or define more colors if you need them).
+$thumbnail-hover-color:						$a-color;							// Border color of the thumbnail when hovering over it
 $bordered-radial-radius:					4px;								// Border radius of rounded borders
 $bordered-radial2-radius:					50%;								// Border radius of the alternative rounded borders
 $colored-text1-color:						$btn-b-bg-color;					// Text color for the colored text style 1 class
@@ -214,7 +215,7 @@ $colored-bg-text3-bg-color:					$btn-r-bg-color;					// Background color for the
 @import '../scss/mini/utility';
 // Use utility mixins to create utility classes with given specs. For more information
 // refer to the _utility.scss file to check the definitions.
-@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #304251, 4px);
+@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #304251, 4px, $thumbnail-hover-color);
 @include make-border-generic($bordered-class-name);
 @include make-border-radial-style($bordered-radial-name, $bordered-radial-radius);
 @include make-border-radial-style($bordered-radial2-name, $bordered-radial2-radius);