catscope 0.1.0 → 0.1.1

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
@@ -25,7 +25,7 @@ $clearing-arrow-color: $clearing-close-color !default;
 
 // We use these to style captions
 $clearing-caption-font-color: $iron !default;
-$clearing-caption-font-size: 0.875em !default;
+$clearing-caption-font-size: .875em !default;
 $clearing-caption-padding: 10px 30px 20px !default;
 
 // We use these to make the image and carousel height and style
@@ -43,9 +43,9 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
     /* Clearing Styles */
     .clearing-thumbs, #{data('clearing')} {
       @include clearfix;
-      margin-bottom: 0;
-      margin-#{$default-float}: 0;
       list-style: none;
+      margin-#{$default-float}: 0;
+      margin-bottom: 0;
 
       li {
         float: $default-float;
@@ -59,30 +59,30 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
 
     .clearing-blackout {
       background: $clearing-bg;
-      position: fixed;
-      width: 100%;
       height: 100%;
+      position: fixed;
       top: 0;
-      #{$default-float}: 0;
+      width: 100%;
       z-index: 998;
+      #{$default-float}: 0;
 
       .clearing-close { display: block; }
     }
 
     .clearing-container {
-      position: relative;
-      z-index: 998;
       height: 100%;
-      overflow: hidden;
       margin: 0;
+      overflow: hidden;
+      position: relative;
+      z-index: 998;
     }
 
     .clearing-touch-label {
+      color: $base;
+      font-size: .6em;
+      left: 50%;
       position: absolute;
       top: 50%;
-      left: 50%;
-      color: $base;
-      font-size: 0.6em;
     }
 
     .visible-img {
@@ -94,14 +94,18 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
         #{$default-float}: 50%;
         top: 50%;
         @if $default-float == left {
-          transform: translateY(-50%) translateX(-50%);
           -webkit-transform: translateY(-50%) translateX(-50%);
+          -moz-transform: translateY(-50%) translateX(-50%);
           -ms-transform: translateY(-50%) translateX(-50%);
+          -o-transform: translateY(-50%) translateX(-50%);
+          transform: translateY(-50%) translateX(-50%);
         }
         @else {
-          transform: translateY(-50%) translateX(50%);
           -webkit-transform: translateY(-50%) translateX(50%);
+          -moz-transform: translateY(-50%) translateX(50%);
           -ms-transform: translateY(-50%) translateX(50%);
+          -o-transform: translateY(-50%) translateX(50%);
+          transform: translateY(-50%) translateX(50%);
         };
         max-height: 100%;
         max-width: 100%;
@@ -109,27 +113,27 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
     }
 
     .clearing-caption {
+      background: $clearing-caption-bg;
+      bottom: 0;
       color: $clearing-caption-font-color;
       font-size: $clearing-caption-font-size;
       line-height: 1.3;
       margin-bottom: 0;
-      text-align: center;
-      bottom: 0;
-      background: $clearing-caption-bg;
-      width: 100%;
       padding: $clearing-caption-padding;
       position: absolute;
+      text-align: center;
+      width: 100%;
       #{$default-float}: 0;
     }
 
     .clearing-close {
-      z-index: 999;
-      padding-#{$default-float}: 20px;
-      padding-top: 10px;
-      font-size: $clearing-close-size;
-      line-height: 1;
       color: $clearing-close-color;
       display: none;
+      font-size: $clearing-close-size;
+      line-height: 1;
+      padding-#{$default-float}: 20px;
+      padding-top: 10px;
+      z-index: 999;
 
       &:hover,
       &:focus { color: $iron; }
@@ -151,23 +155,23 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
     @media #{$medium-up} {
       .clearing-main-prev,
       .clearing-main-next {
-        position: absolute;
         height: 100%;
-        width: 40px;
+        position: absolute;
         top: 0;
-        & > span {
+        width: 40px;
+        > span {
+          border: solid $clearing-arrow-size;
+          display: block;
+          height: 0;
           position: absolute;
           top: 50%;
-          display: block;
           width: 0;
-          height: 0;
-          border: solid $clearing-arrow-size;
-          &:hover { opacity: 0.8; }
+          &:hover { opacity: .8; }
         }
       }
       .clearing-main-prev {
         #{$default-float}: 0;
-        & > span {
+        > span {
           #{$default-float}: 5px;
           border-color: transparent;
           border-#{$opposite-direction}-color: $clearing-arrow-color;
@@ -175,14 +179,14 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
       }
       .clearing-main-next {
         #{$opposite-direction}: 0;
-        & > span {
+        > span {
           border-color: transparent;
           border-#{$default-float}-color: $clearing-arrow-color;
         }
       }
 
       .clearing-main-prev.disabled,
-      .clearing-main-next.disabled { opacity: 0.3; }
+      .clearing-main-next.disabled { opacity: .3; }
 
       .clearing-assembled .clearing-container {
 
@@ -192,7 +196,7 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
           margin-top: 10px;
           text-align: center;
 
-          & > ul {
+          > ul {
             display: inline-block;
             z-index: 999;
             height: 100%;
@@ -200,17 +204,17 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
             float: none;
 
             li {
+              clear: none;
+              cursor: $cursor-pointer-value;
               display: block;
-              width: $clearing-carousel-thumb-width;
-              min-height: inherit;
               float: $default-float;
-              overflow: hidden;
               margin-#{$opposite-direction}: 0;
+              min-height: inherit;
+              opacity: .4;
+              overflow: hidden;
               padding: 0;
               position: relative;
-              cursor: $cursor-pointer-value;
-              opacity: 0.4;
-              clear: none;
+              width: $clearing-carousel-thumb-width;
 
               &.fix-height {
                 img {
@@ -226,29 +230,29 @@ $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255) !default;
               }
 
               img {
-              cursor: $cursor-pointer-value !important;
-              width: 100% !important;
+                cursor: $cursor-pointer-value !important;
+                width: 100% !important;
               }
 
               &.visible { opacity: 1; }
-              &:hover { opacity: 0.8; }
+              &:hover { opacity: .8; }
             }
           }
         }
 
         .visible-img {
           background: $clearing-img-bg;
-          overflow: hidden;
           height: $clearing-active-img-height;
+          overflow: hidden;
         }
       }
 
       .clearing-close {
+        padding-#{$default-float}: 0;
+        padding-top: 0;
         position: absolute;
         top: 10px;
         #{$opposite-direction}: 20px;
-        padding-#{$default-float}: 0;
-        padding-top: 0;
       }
     }
 

data/assets/bower_components/foundation/scss/foundation/components/_dropdown-buttons.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
@@ -53,23 +53,22 @@ $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;
 // $pip-color - Color of the little triangle that points to the dropdown. Default: $white.
 // $base-style - Add in base-styles. This can be set to false. Default:true
 
-@mixin dropdown-button($padding:medium, $pip-color:$white, $base-style:true) {
+@mixin dropdown-button($padding:medium, $pip-color:$dropdown-button-pip-color, $base-style:true) {
 
   // We add in base styles, but they can be negated by setting to 'false'.
   @if $base-style {
     position: relative;
-    outline: none;
 
     // This creates the base styles for the triangle pip
     &::after {
-      position: absolute;
+      border-color: $dropdown-button-pip-color transparent transparent transparent;
+      border-style: solid;
       content: "";
-      width: 0;
-      height: 0;
       display: block;
-      border-style: solid;
-      border-color: $dropdown-button-pip-color transparent transparent transparent;
+      height: 0;
+      position: absolute;
       top: 50%;
+      width: 0;
     }
   }
 
@@ -122,9 +121,9 @@ $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3) !default;
 @include exports("dropdown-button") {
   @if $include-html-button-classes {
     .dropdown.button, button.dropdown { @include dropdown-button;
-      &.tiny { @include dropdown-button(tiny,$base-style:false); }
-      &.small { @include dropdown-button(small,$base-style:false); }
-      &.large { @include dropdown-button(large,$base-style:false); }
+      &.tiny { @include dropdown-button(tiny, $base-style:false); }
+      &.small { @include dropdown-button(small, $base-style:false); }
+      &.large { @include dropdown-button(large, $base-style:false); }
       &.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }
     }
   }

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
@@ -64,60 +64,67 @@ $f-dropdown-radius: $global-radius !default;
 // $triangle - Sets if dropdown has triangle. Default:true.
 // $max-width - Default: $f-dropdown-max-width || 200px.
 @mixin dropdown-container($content:list, $triangle:true, $max-width:$f-dropdown-max-width) {
-  position: absolute;
+  display: none;
   left: -9999px;
   list-style: $f-dropdown-list-style;
   margin-#{$default-float}: 0;
-  outline: none;
+  position: absolute;
+
+  &.open {
+    display: block;
+  }
 
   > *:first-child { margin-top: 0; }
   > *:last-child { margin-bottom: 0; }
 
   @if $content == list {
-    width: 100%;
-    max-height: $f-dropdown-max-height;
-    height: $f-dropdown-height;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
     font-size: $f-dropdown-font-size;
+    height: $f-dropdown-height;
+    max-height: $f-dropdown-max-height;
+    width: 100%;
     z-index: 89;
   }
   @else if $content == content {
-    padding: $f-dropdown-content-padding;
-    width: 100%;
-    height: $f-dropdown-height;
-    max-height: $f-dropdown-max-height;
     background: $f-dropdown-bg;
     border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
     font-size: $f-dropdown-font-size;
+    height: $f-dropdown-height;
+    max-height: $f-dropdown-max-height;
+    padding: $f-dropdown-content-padding;
+    width: 100%;
     z-index: 89;
   }
 
   @if $triangle == bottom {
     margin-top: $f-dropdown-margin-top;
 
-    &:before {
-      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
-      position: absolute;
-      top: -($f-dropdown-triangle-size * 2);
-      #{$default-float}: $f-dropdown-triangle-side-offset;
-      z-index: 89;
-    }
-    &:after {
-      @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);
-      position: absolute;
-      top: -(($f-dropdown-triangle-size + 1) * 2);
-      #{$default-float}: $f-dropdown-triangle-side-offset - 1;
-      z-index: 88;
-    }
+    @if $f-dropdown-triangle-size != 0px {
 
-    &.right:before {
-      #{$default-float}: auto;
-      #{$opposite-direction}: $f-dropdown-triangle-side-offset;
-    }
-    &.right:after {
-      #{$default-float}: auto;
-      #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;
+      &:before {
+        @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
+        position: absolute;
+        top: -($f-dropdown-triangle-size * 2);
+        #{$default-float}: $f-dropdown-triangle-side-offset;
+        z-index: 89;
+      }
+      &:after {
+        @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, bottom);
+        position: absolute;
+        top: -(($f-dropdown-triangle-size + 1) * 2);
+        #{$default-float}: $f-dropdown-triangle-side-offset - 1;
+        z-index: 88;
+      }
+
+      &.right:before {
+        #{$default-float}: auto;
+        #{$opposite-direction}: $f-dropdown-triangle-side-offset;
+      }
+      &.right:after {
+        #{$default-float}: auto;
+        #{$opposite-direction}: $f-dropdown-triangle-side-offset - 1;
+      }
     }
   }
 
@@ -166,23 +173,23 @@ $f-dropdown-radius: $global-radius !default;
   }
 
   @if $triangle == top {
-    margin-top: -$f-dropdown-margin-bottom;
     margin-left: 0;
+    margin-top: -$f-dropdown-margin-bottom;
 
     &:before {
       @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, top);
+      bottom: -($f-dropdown-triangle-size * 2);
       position: absolute;
       top: auto;
-      bottom: -($f-dropdown-triangle-size * 2);
       #{$default-float}: $f-dropdown-triangle-side-offset;
       #{$opposite-direction}: auto;
       z-index: 89;
     }
     &:after {
       @include css-triangle($f-dropdown-triangle-size + 1, $f-dropdown-border-color, top);
+      bottom: -($f-dropdown-triangle-size * 2) - 2;
       position: absolute;
       top: auto;
-      bottom: -($f-dropdown-triangle-size * 2) - 2;
       #{$default-float}: $f-dropdown-triangle-side-offset - 1;
       #{$opposite-direction}: auto;
       z-index: 88;
@@ -200,17 +207,14 @@ $f-dropdown-radius: $global-radius !default;
 // We use this to style the list elements or content inside the dropdown.
 
 @mixin dropdown-style {
-  font-size: $f-dropdown-font-size;
   cursor: $cursor-pointer-value;
-
+  font-size: $f-dropdown-font-size;
   line-height: $f-dropdown-line-height;
   margin: 0;
 
   &:hover,
   &:focus { background: $f-dropdown-list-hover-bg; }
 
-  &.radius { @include radius($f-dropdown-radius); }
-
   a {
     display: block;
     padding: $f-dropdown-list-padding;
@@ -243,6 +247,9 @@ $f-dropdown-radius: $global-radius !default;
       // You can also put custom content in these dropdowns
       &.content { @include dropdown-container(content, $triangle:false); }
 
+      // Radius of Dropdown
+      &.radius { @include radius($f-dropdown-radius); }
+
       // Sizes
       &.tiny    { max-width: 200px; }
       &.small   { max-width: 300px; }

data/assets/bower_components/foundation/scss/foundation/components/_flex-video.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
@@ -22,12 +22,12 @@ $flex-video-widescreen-padding-bottom: 56.34% !default;
 //
 
 @mixin flex-video-container {
-  position: relative;
-  padding-top: $flex-video-padding-top;
-  padding-bottom: $flex-video-padding-bottom;
   height: 0;
   margin-bottom: $flex-video-margin-bottom;
   overflow: hidden;
+  padding-bottom: $flex-video-padding-bottom;
+  padding-top: $flex-video-padding-top;
+  position: relative;
 
   &.widescreen { padding-bottom: $flex-video-widescreen-padding-bottom; }
   &.vimeo { padding-top: 0; }
@@ -36,11 +36,11 @@ $flex-video-widescreen-padding-bottom: 56.34% !default;
   object,
   embed,
   video {
+    height: 100%;
     position: absolute;
     top: 0;
-    #{$default-float}: 0;
     width: 100%;
-    height: 100%;
+    #{$default-float}: 0;
   }
 }
 
@@ -48,4 +48,4 @@ $flex-video-widescreen-padding-bottom: 56.34% !default;
   @if $include-html-media-classes {
     .flex-video { @include flex-video-container; }
   }
-}
+}