thumbnail sassed and linted

diff --git a/scss/ink/components/_outlook-first.scss b/scss/ink/components/_outlook-first.scss
index e8f1a39e07d65186da9ec37164e8439c6e2434ef..4e63b195bac7e0f6db873dd84efbdfdb345de1fe 100755 (executable)
--- a/scss/ink/components/_outlook-first.scss
+++ b/scss/ink/components/_outlook-first.scss
@@ -2,19 +2,12 @@
 // zurb.com/ink/
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
-//
-// @variables
-//
-$include-html-outlook-first-classes: $include-html-classes !default;
+////
+/// @group outlook
+////
 
-@include exports("outlook-first") {
-       @if $include-html-outlook-first-classes {
-               /* Outlook First */
-
-               body.outlook p {
-                 display: inline !important;
-               }
-       }
-}
\ No newline at end of file
+body.outlook p {
+  display: inline !important;
+}

diff --git a/scss/ink/components/_thumbnail.scss b/scss/ink/components/_thumbnail.scss
index 22100a4fc07352bc135f1a877aa147ed01d046c4..2db1c84c13b363635f7a0a77fd2aea6111b1d2f7 100644 (file)
--- a/scss/ink/components/_thumbnail.scss
+++ b/scss/ink/components/_thumbnail.scss
@@ -1,30 +1,51 @@
-//Thumbnail Variable
-$thumbnail-bg: #ff0000 !default;
-$thumbnail-padding: 6px !default;
-
-//Blur Variables
-$shadow-h: 0;
-$shadow-v: 0;
-$shadow-blur: 6px;
-$shadow-spread: 1px;
-$shadow-color: #008CBA !default;
-$shadow-opacity: 0.5 !default;
-
-@mixin thumb-shadow($h, $v, $b, $spr, $color, $opacity){
+// Ink by ZURB
+// zurb.com/ink/
+// Licensed under MIT Open Source
+
+@import 'global';
+
+////
+/// @group thumbnial
+////
+
+/// Defualt value for the horizontal direction of the shadow.
+/// @type Number
+$thumbnail-shadow-h: 0 !default;
+
+/// Defualt value for the vertical direction of the shadow.
+/// @type Number
+$thumbnail-shadow-v: 0 !default;
+
+/// Defualt value for blur of the shadow.
+/// @type Number
+$thumbnail-shadow-blur: 6px !default;
+
+/// Defualt value for the spread of the shadow.
+/// @type Number
+$thumbnail-shadow-spread: 1px !default;
+
+/// Defualt color of the thumbnail on hover of the shadow.
+/// @type Color
+$thumbnail-shadow-color: $primary-color !default;
+
+/// Defualt opacity of the shadow.
+/// @type Number
+$thumbnail-shadow-opacity: 0.5 !default;
+
+@mixin thumb-shadow($h, $v, $b, $spr, $color, $opacity) {
   box-shadow: $h $v $b $spr rgba(red($color), green($color), blue($color), $opacity);
 }
 
 .thumbnail {
   display: inline-block;
-  // border: 1px solid darken($thumbnail-bg, 10%);
   border-collapse: separate;
+
   img {
-    background-color: $thumbnail-bg;
-    // border: 3px solid lighten($thumbnail-bg, 1%);
     border-collapse: separate;
   }
+
   &:hover, &:focus {
-    //only supported iphone iOS, outlook.com, apple mail 6.5
-    @include thumb-shadow($shadow-h, $shadow-v, $shadow-blur, $shadow-spread, $shadow-color, $shadow-opacity);
+    //only supported iphone iOS, outlook.com, apple mail 6.5. But hey, progressive enhancements.
+    @include thumb-shadow($thumbnail-shadow-h, $thumbnail-shadow-v, $thumbnail-shadow-blur, $thumbnail-shadow-spread, $thumbnail-shadow-color, $thumbnail-shadow-opacity);
   }
 }