catscope 0.1.0 → 0.1.1

data/assets/bower_components/foundation/scss/foundation/components/_tables.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _tables.scss
@@ -62,8 +62,8 @@ $table-margin-bottom: rem-calc(20) !default;
 
 @mixin table {
   background: $table-bg;
-  margin-bottom: $table-margin-bottom;
   border: $table-border-style $table-border-size $table-border-color;
+  margin-bottom: $table-margin-bottom;
   table-layout: $table-layout;
 
   caption {
@@ -81,10 +81,10 @@ $table-margin-bottom: rem-calc(20) !default;
     tr {
       th,
       td {
-        padding: $table-head-padding;
+        color: $table-head-font-color;
         font-size: $table-head-font-size;
         font-weight: $table-head-font-weight;
-        color: $table-head-font-color;
+        padding: $table-head-padding;
       }
     }
   }
@@ -95,10 +95,10 @@ $table-margin-bottom: rem-calc(20) !default;
     tr {
       th,
       td {
-        padding: $table-foot-padding;
+        color: $table-foot-font-color;
         font-size: $table-foot-font-size;
         font-weight: $table-foot-font-weight;
-        color: $table-foot-font-color;
+        padding: $table-foot-padding;
       }
     }
   }
@@ -106,9 +106,9 @@ $table-margin-bottom: rem-calc(20) !default;
   tr {
     th,
     td {
-      padding: $table-row-padding;
-      font-size: $table-row-font-size;
       color: $table-row-font-color;
+      font-size: $table-row-font-size;
+      padding: $table-row-padding;
       text-align: $default-float;
     }
 

data/assets/bower_components/foundation/scss/foundation/components/_tabs.scss

@@ -2,8 +2,8 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
-@import "grid";
+@import 'global';
+@import 'grid';
 
 //
 // @variables
@@ -31,44 +31,48 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
       @include clearfix;
       margin-bottom: 0 !important;
       margin-left: 0;
-      dd, .tab-title {
-        position: relative;
-        margin-bottom: 0 !important;
-        list-style: none;
+
+      dd,
+      .tab-title {
         float: $default-float;
+        list-style: none;
+        margin-bottom: 0 !important;
+        position: relative;
+
         > a {
-          outline: none;
           display: block;
-          background: {
-            color: $tabs-navigation-bg-color;
-          }
+          background-color: $tabs-navigation-bg-color;
           color: $tabs-navigation-font-color;
-          padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
           font-family: $tabs-navigation-font-family;
           font-size: $tabs-navigation-font-size;
+          padding: $tabs-navigation-padding $tabs-navigation-padding * 2;
+
           &:hover {
-            background: {
-              color: $tabs-navigation-hover-bg-color;
-            }
+            background-color: $tabs-navigation-hover-bg-color;
           }
         }
-        &.active a {
-          background: {
-            color: $tabs-navigation-active-bg-color;
-          }
-          color:$tabs-navigation-active-font-color;
-          }
+
+        &.active > a {
+          background-color: $tabs-navigation-active-bg-color;
+          color: $tabs-navigation-active-font-color;
+        }
       }
+
       &.radius {
-        dd:first-child, .tab:first-child {
+        dd:first-child,
+        .tab:first-child {
           a { @include side-radius($default-float, $global-radius); }
         }
-        dd:last-child, .tab:last-child {
+
+        dd:last-child,
+        .tab:last-child {
           a { @include side-radius($opposite-direction, $global-radius); }
         }
       }
+
       &.vertical {
-        dd, .tab-title {
+        dd,
+        .tab-title {
           position: inherit;
           float: none;
           display: block;
@@ -81,38 +85,53 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
       @include clearfix;
       margin-bottom: $tabs-content-margin-bottom;
       width: 100%;
+
       > .content {
         display: none;
         float: $default-float;
         padding: $tabs-content-padding 0;
         width: 100%;
-        &.active { display: block; float: none; }
-        &.contained { padding: $tabs-content-padding; }
+
+        &.active {
+          display: block;
+          float: none;
+        }
+        &.contained {
+          padding: $tabs-content-padding;
+        }
       }
+
       &.vertical {
         display: block;
-        > .content { padding: 0 $tabs-content-padding; }
+
+        > .content {
+          padding: 0 $tabs-content-padding;
+        }
       }
     }
+
     @media #{$medium-up} {
       .tabs {
         &.vertical {
-          width: 20%;
-          max-width: 20%;
           float: $default-float;
-          margin: 0 0 $tabs-vertical-navigation-margin-bottom;
+          margin: 0;
+          margin-bottom: $tabs-vertical-navigation-margin-bottom !important;
+          max-width: 20%;
+          width: 20%;
         }
       }
+
       .tabs-content {
         &.vertical {
-          width: 80%;
-          max-width: 80%;
           float: $default-float;
           margin-#{$default-float}: -1px;
+          max-width: 80%;
           padding-#{$default-float}: 1rem;
+          width: 80%;
         }
       }
     }
+
     .no-js {
       .tabs-content > .content {
         display: block;

data/assets/bower_components/foundation/scss/foundation/components/_thumbs.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _thumbs.scss
@@ -36,14 +36,14 @@ $thumb-transition-speed: 200ms !default;
 // $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.
 // $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.
 @mixin thumb(
-  $border-width:$thumb-border-width, 
-  $box-shadow:$thumb-box-shadow, 
+  $border-width:$thumb-border-width,
+  $box-shadow:$thumb-box-shadow,
   $box-shadow-hover:$thumb-box-shadow-hover) {
-  line-height: 0;
-  display: inline-block;
   border: $thumb-border-style $border-width $thumb-border-color;
-  max-width: 100%;
   box-shadow: $box-shadow;
+  display: inline-block;
+  line-height: 0;
+  max-width: 100%;
 
   &:hover,
   &:focus {
@@ -58,9 +58,9 @@ $thumb-transition-speed: 200ms !default;
     /* Image Thumbnails */
     .th {
       @include thumb;
-      @include single-transition(all,$thumb-transition-speed,ease-out);
+      @include single-transition(all, $thumb-transition-speed, ease-out);
 
       &.radius { @include radius($thumb-radius); }
     }
   }
-}
+}

data/assets/bower_components/foundation/scss/foundation/components/_tooltips.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // Tooltip Variables
@@ -37,9 +37,9 @@ $tooltip-max-width: 300px !default;
     /* Tooltips */
     .has-tip {
       border-bottom: $has-tip-border-bottom;
+      color: $has-tip-font-color;
       cursor: $has-tip-cursor-type;
       font-weight: $has-tip-font-weight;
-      color: $has-tip-font-color;
 
       &:hover,
       &:focus {
@@ -52,29 +52,29 @@ $tooltip-max-width: 300px !default;
     }
 
     .tooltip {
+      background: $tooltip-bg;
+      color: $tooltip-font-color;
       display: none;
-      position: absolute;
-      z-index: 1006;
-      font-weight: $tooltip-font-weight;
       font-size: $tooltip-font-size;
+      font-weight: $tooltip-font-weight;
       line-height: $tooltip-line-height;
-      padding: $tooltip-padding;
       max-width: $tooltip-max-width;
-      #{$default-float}: 50%;
+      padding: $tooltip-padding;
+      position: absolute;
       width: 100%;
-      color: $tooltip-font-color;
-      background: $tooltip-bg;
+      z-index: 1006;
+      #{$default-float}: 50%;
 
-      &>.nub {
-        display: block;
-        #{$default-float}: $tooltip-pip-size;
-        position: absolute;
-        width: 0;
-        height: 0;
+      > .nub {
         border: solid $tooltip-pip-size;
         border-color: transparent transparent $tooltip-bg transparent;
-        top: -($tooltip-pip-size * 2);
+        display: block;
+        height: 0;
         pointer-events: none;
+        position: absolute;
+        top: -($tooltip-pip-size * 2);
+        width: 0;
+        #{$default-float}: $tooltip-pip-size;
 
         &.rtl {
           left: auto;
@@ -87,34 +87,34 @@ $tooltip-max-width: 300px !default;
       }
       &.round {
         @include radius($tooltip-rounded);
-        &>.nub {
+        > .nub {
           left: 2rem;
         }
       }
 
       &.opened {
-        color: $has-tip-font-color-hover !important;
         border-bottom: $has-tip-border-bottom-hover !important;
+        color: $has-tip-font-color-hover !important;
       }
     }
 
     .tap-to-close {
+      color: $tooltip-close-font-color;
       display: block;
       font-size: $tooltip-close-font-size;
-      color: $tooltip-close-font-color;
       font-weight: $tooltip-close-font-weight;
     }
 
     @media #{$small} {
       .tooltip {
-        &>.nub {
+        > .nub {
           border-color: transparent transparent $tooltip-bg transparent;
           top: -($tooltip-pip-size * 2);
         }
         &.tip-top>.nub {
           border-color: $tooltip-bg transparent transparent transparent;
-          top: auto;
           bottom: -($tooltip-pip-size * 2);
+          top: auto;
         }
 
         &.tip-left,
@@ -122,17 +122,17 @@ $tooltip-max-width: 300px !default;
 
         &.tip-left>.nub {
           border-color: transparent transparent transparent $tooltip-bg;
-          right: -($tooltip-pip-size * 2);
           left: auto;
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: -($tooltip-pip-size * 2);
+          top: 50%;
         }
         &.tip-right>.nub {
           border-color: transparent $tooltip-bg transparent transparent;
-          right: auto;
           left: -($tooltip-pip-size * 2);
-          top: 50%;
           margin-top: -$tooltip-pip-size;
+          right: auto;
+          top: 50%;
         }
 
       }