catscope 0.1.0 → 0.1.1

data/assets/bower_components/foundation/scss/foundation/components/_range-slider.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _range-slider.scss
@@ -15,7 +15,7 @@
 
 $include-html-range-slider-classes: $include-html-classes !default;
 
-// These variabels define the slider bar styles
+// These variables define the slider bar styles
 $range-slider-bar-width: 100% !default;
 $range-slider-bar-height: rem-calc(16) !default;
 
@@ -31,7 +31,7 @@ $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness:
 $range-slider-vertical-bar-width: rem-calc(16) !default;
 $range-slider-vertical-bar-height: rem-calc(200) !default;
 
-// These variabels define the slider handle styles
+// These variables define the slider handle styles
 $range-slider-handle-width: rem-calc(32) !default;
 $range-slider-handle-height: rem-calc(22) !default;
 $range-slider-handle-position-top: rem-calc(-5) !default;
@@ -44,7 +44,7 @@ $range-slider-handle-round: $global-rounded !default;
 $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%) !default;
 $range-slider-handle-cursor: pointer !default;
 
-$range-slider-disabled-opacity: 0.7 !default;
+$range-slider-disabled-opacity: .7 !default;
 $range-slider-disabled-cursor: $cursor-disabled-value !default;
 
 //
@@ -52,18 +52,19 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
 //
 
 @mixin range-slider-bar-base($vertical: false) {
-  display: block;
-  position: relative;
-  width: $range-slider-bar-width;
-  height: $range-slider-bar-height;
   border: $range-slider-bar-border-width $range-slider-bar-border-style $range-slider-bar-border-color;
   margin: rem-calc(20 0);
+  position: relative;
   -ms-touch-action: none;
   touch-action: none;
   @if $vertical == true {
     display: inline-block;
-    width: $range-slider-vertical-bar-width;
     height: $range-slider-vertical-bar-height;
+    width: $range-slider-vertical-bar-width;
+  } @else {
+    display: block;
+    height: $range-slider-bar-height;
+    width: $range-slider-bar-width;
   }
 }
 @mixin range-slider-bar-style(
@@ -88,19 +89,20 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
 }
 
 @mixin range-slider-handle-base() {
+  border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color;
+  cursor: $range-slider-handle-cursor;
   display: inline-block;
+  height: $range-slider-handle-height;
   position: absolute;
-  z-index: 1;
   top: $range-slider-handle-position-top;
   width: $range-slider-handle-width;
-  height: $range-slider-handle-height;
-  border: $range-slider-handle-border-width $range-slider-handle-border-style $range-slider-handle-border-color;
-  cursor: $range-slider-handle-cursor;
+  z-index: 1;
 
   // This removes the 300ms touch delay on Windows 8
   -ms-touch-action: manipulation;
-      touch-action: manipulation;
+  touch-action: manipulation;
 }
+
 @mixin range-slider-handle-style(
   $bg: true,
   $radius: false,
@@ -117,6 +119,7 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
     background: $range-slider-handle-bg-hover-color;
   }
 }
+
 @mixin range-slider-handle() {
   @include range-slider-handle-base;
   @include range-slider-handle-style;
@@ -131,15 +134,18 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
       &.vertical-range {
         @include range-slider-bar-base($vertical: true);
         .range-slider-handle {
-          margin-top: 0;
+          bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width);
           margin-#{$default-float}: -($range-slider-handle-width / 4);
+          margin-top: 0;
           position: absolute;
-          bottom: -($range-slider-vertical-bar-height - $range-slider-handle-width);
         }
         .range-slider-active-segment {
-          width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
-          height: auto;
+          border-bottom-left-radius: inherit;
+          border-bottom-right-radius: inherit;
+          border-top-left-radius: initial;
           bottom: 0;
+          height: auto;
+          width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
         }
       }
       &.radius {
@@ -156,10 +162,12 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
       }
     }
     .range-slider-active-segment {
+      background: $range-slider-active-segment-bg-color;
+      border-bottom-left-radius: inherit;
+      border-top-left-radius: inherit;
       display: inline-block;
-      position: absolute;
       height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
-      background: $range-slider-active-segment-bg-color;
+      position: absolute;
     }
     .range-slider-handle {
       @include range-slider-handle-base;

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

@@ -2,8 +2,8 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
-@import "grid";
+@import 'global';
+@import 'grid';
 
 //
 // @name _reveal.scss
@@ -21,7 +21,7 @@ $reveal-modal-bg: $white !default;
 $reveal-position-top: rem-calc(100) !default;
 $reveal-default-width: 80% !default;
 $reveal-max-width: $row-width !default;
-$reveal-modal-padding: rem-calc(20) !default;
+$reveal-modal-padding: rem-calc(30) !default;
 $reveal-box-shadow: 0 0 10px rgba($black,.4) !default;
 
 // We use these to style the reveal close button
@@ -43,22 +43,25 @@ $reveal-border-color: $steel !default;
 $reveal-modal-class: "reveal-modal" !default;
 $close-reveal-modal-class: "close-reveal-modal" !default;
 
+// Set base z-index
+$z-index-base: 1005;
+
 //
 // @mixins
 //
 
 // We use this to create the reveal background overlay styles
 @mixin reveal-bg( $include-z-index-value: true ) {
-  position: fixed;
   // position: absolute; // allows modal background to extend beyond window position
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
   background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future.
   background: $reveal-overlay-bg;
-  z-index: if( $include-z-index-value, 1004, auto );
+  bottom: 0;
   display: none;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: if( $include-z-index-value, $z-index-base - 1, auto );
   #{$default-float}: 0;
 }
 
@@ -69,13 +72,13 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
 //
 @mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) {
   @if $base-style {
-    visibility: hidden;
+    border-radius: $border-radius;
     display: none;
     position: absolute;
-    z-index: 1005;
-    width: 100vw;
     top:0;
-    border-radius: $border-radius;
+    visibility: hidden;
+    width: 100%;
+    z-index: $z-index-base;
     #{$default-float}: 0;
 
     @media #{$small-only} {
@@ -86,18 +89,18 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
     .column, .columns { min-width: 0; }
 
     // Get rid of margin from first and last element inside modal
-    & > :first-child { margin-top: 0; }
+    > :first-child { margin-top: 0; }
 
-    & > :last-child { margin-bottom: 0; }
+    > :last-child { margin-bottom: 0; }
   }
 
   @if $width {
     @media #{$medium-up} {
-      width: $width;
-      max-width: $max-width;
       left: 0;
-      right: 0;
       margin: 0 auto;
+      max-width: $max-width;
+      right: 0;
+      width: $width;
     }
   }
 }
@@ -133,6 +136,9 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
   @if $box-shadow {
     box-shadow: $reveal-box-shadow;
   }
+  @else{
+       box-shadow: none;
+  }
 
   // We can control how much radius is used on the modal
   @if $radius == true { @include radius($reveal-radius); }
@@ -149,14 +155,14 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
 //
 // $color - Default: $reveal-close-color || $base
 @mixin reveal-close($color:$reveal-close-color) {
+  color: $color;
+  cursor: $cursor-pointer-value;
   font-size: $reveal-close-font-size;
+  font-weight: $reveal-close-weight;
   line-height: 1;
   position: absolute;
   top: $reveal-close-top;
   #{$opposite-direction}: $reveal-close-side;
-  color: $color;
-  font-weight: $reveal-close-weight;
-  cursor: $cursor-pointer-value;
 }
 
 @include exports("reveal") {
@@ -175,7 +181,6 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
         $radius:false,
         $top-offset:$reveal-position-top
       );
-      @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);
 
       &.radius { @include reveal-modal-style($radius:true); }
       &.round  { @include reveal-modal-style($radius:$reveal-round); }
@@ -186,14 +191,19 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
       &.large { @include reveal-modal-base(false, 70%); }
       &.xlarge { @include reveal-modal-base(false, 95%); }
       &.full {
-        @include reveal-modal-base(false, 100vw);
-        top:0;
-        left:0;
-        height:100%;
+        @include reveal-modal-base(false, 100%);
         height: 100vh;
-        min-height:100vh;
-        max-width: none !important;
+        height:100%;
+        left:0;
         margin-left: 0 !important;
+        max-width: none !important;
+        min-height:100vh;
+        top:0;
+      }
+
+      // Modals pushed to back
+      &.toback {
+        z-index: $z-index-base - 2;
       }
 
       .#{$close-reveal-modal-class} { @include reveal-close; }

data/assets/bower_components/foundation/scss/foundation/components/_side-nav.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @variables
@@ -22,7 +22,7 @@ $side-nav-list-margin: rem-calc(0 0 7 0) !default;
 $side-nav-link-color: $primary-color !default;
 $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%) !default;
 $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%) !default;
-$side-nav-link-bg-hover: hsla(0, 0, 0, 0.025) !default;
+$side-nav-link-bg-hover: hsla(0, 0, 0, .025) !default;
 $side-nav-link-margin: 0 !default;
 $side-nav-link-padding: rem-calc(7 14) !default;
 $side-nav-font-size: rem-calc(14) !default;
@@ -40,7 +40,7 @@ $side-nav-heading-text-transform: uppercase !default;
 // We use these to control border styles
 $side-nav-divider-size: 1px !default;
 $side-nav-divider-style: solid !default;
-$side-nav-divider-color: scale-color($white, $lightness: 10%) !default;
+$side-nav-divider-color: scale-color($white, $lightness: -10%) !default;
 
 
 //
@@ -58,23 +58,24 @@ $side-nav-divider-color: scale-color($white, $lightness: 10%) !default;
   $divider-color:$side-nav-divider-color,
   $font-size:$side-nav-font-size,
   $link-color:$side-nav-link-color,
+  $link-color-active:$side-nav-link-color-active,
   $link-color-hover:$side-nav-link-color-hover,
   $link-bg-hover:$side-nav-link-bg-hover) {
   display: block;
+  font-family: $side-nav-font-family;
+  list-style-position: $side-nav-list-position;
+  list-style-type: $side-nav-list-type;
   margin: 0;
   padding: $side-nav-padding;
-  list-style-type: $side-nav-list-type;
-  list-style-position: $side-nav-list-position;
-  font-family: $side-nav-font-family;
 
   li {
-    margin: $side-nav-list-margin;
     font-size: $font-size;
     font-weight: $side-nav-font-weight;
+    margin: $side-nav-list-margin;
 
     a:not(.button) {
-      display: block;
       color: $link-color;
+      display: block;
       margin: $side-nav-link-margin;
       padding: $side-nav-link-padding;
       &:hover,
@@ -82,19 +83,22 @@ $side-nav-divider-color: scale-color($white, $lightness: 10%) !default;
         background: $link-bg-hover;
         color: $link-color-hover;
       }
+      &:active {
+        color: $link-color-active;
+      }
     }
 
     &.active > a:first-child:not(.button) {
       color: $side-nav-link-color-active;
-      font-weight: $side-nav-font-weight-active;
       font-family: $side-nav-font-family-active;
+      font-weight: $side-nav-font-weight-active;
     }
 
     &.divider {
       border-top: $side-nav-divider-size $side-nav-divider-style;
       height: 0;
-      padding: 0;
       list-style: none;
+      padding: 0;
       border-top-color: $divider-color;
     }
 
@@ -111,6 +115,6 @@ $side-nav-divider-color: scale-color($white, $lightness: 10%) !default;
 
 @include exports("side-nav") {
   @if $include-html-nav-classes {
-    .side-nav { @include side-nav; }
+    .side-nav {@include side-nav;}
   }
 }

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

@@ -2,9 +2,9 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
-@import "buttons";
-@import "dropdown-buttons";
+@import 'global';
+@import 'buttons';
+@import 'dropdown-buttons';
 
 //
 // @name _split-buttons.scss
@@ -22,6 +22,7 @@ $split-button-function-factor: 10% !default;
 $split-button-pip-color: $white !default;
 $split-button-pip-color-alt: $oil !default;
 $split-button-active-bg-tint: rgba(0,0,0,0.1) !default;
+$split-button-span-border-color: rgba(255,255,255,0.5) !default;
 
 // We use these to control tiny split buttons
 $split-button-padding-tny: $button-pip-tny * 10 !default;
@@ -60,12 +61,12 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
 //
 // $padding - Type of padding to apply. Default: medium. Options: tiny, small, medium, large.
 // $pip-color - Color of the triangle. Default: $split-button-pip-color.
-// $span-border - Border color of button divider. Default: $primary-color.
+// $span-border - Border color of button divider. Default: $split-button-span-border-color.
 // $base-style - Apply base style to split button. Default: true.
 @mixin split-button(
   $padding:medium,
   $pip-color:$split-button-pip-color, 
-  $span-border:$primary-color, 
+  $span-border:$split-button-span-border-color, 
   $base-style:true) {
 
   // With this, we can control whether or not the base styles come through.
@@ -90,7 +91,6 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
         display: block;
         border-style: inset;
         top: 50%;
-
         #{$default-float}: 50%;
       }
 
@@ -101,7 +101,7 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
   // Control the border color for the span area of the split button
   @if $span-border {
     span {
-      border-#{$default-float}-color: rgba(255,255,255,0.5);
+      border-#{$default-float}-color: $span-border;
     }
   }
 
@@ -113,8 +113,8 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-tny;
-        top: 48%;
         margin-#{$default-float}: $split-button-pip-default-float-tny;
+        top: 48%;
       }
     }
   }
@@ -127,8 +127,8 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-sml;
-        top: 48%;
         margin-#{$default-float}: $split-button-pip-default-float-sml;
+        top: 48%;
       }
     }
   }
@@ -141,8 +141,8 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-med;
-        top: 48%;
         margin-#{$default-float}: $split-button-pip-default-float-med;
+        top: 48%;
       }
     }
   }
@@ -155,8 +155,8 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &:after {
         border-top-style: solid;
         border-width: $split-button-pip-size-lrg;
-        top: 48%;
         margin-#{$default-float}: $split-button-pip-default-float-lrg;
+        top: 48%;
       }
     }
   }
@@ -172,9 +172,9 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
 
     .split.button { @include split-button;
 
-      &.secondary { @include split-button(false, $split-button-pip-color, $secondary-color, false); }
-      &.alert { @include split-button(false, false, $alert-color, false); }
-      &.success { @include split-button(false, false, $success-color, false); }
+      &.secondary { @include split-button(false, $split-button-pip-color, $split-button-span-border-color, false); }
+      &.alert { @include split-button(false, false, $split-button-span-border-color, false); }
+      &.success { @include split-button(false, false, $split-button-span-border-color, false); }
 
       &.tiny { @include split-button(tiny, false, false, false); }
       &.small { @include split-button(small, false, false, false); }
@@ -188,10 +188,14 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &.no-pip{
         span:before{ border-style:none; }
         span:after{ border-style:none; }
-        span{padding-top:$split-button-pip-top-med;}
-        &.tiny{ span{ padding-top:$split-button-pip-top-tny; } }
-        &.small{ span{ padding-top:$split-button-pip-top-sml; } }
-        &.large{ span{ padding-top:$split-button-pip-top-lrg; } }
+        span>i{
+          display: block;
+          left: 50%;
+          margin-left: -0.28889em;
+          margin-top: -0.48889em;
+          position: absolute;
+          top: 50%;
+        }
       }
     }
 

data/assets/bower_components/foundation/scss/foundation/components/_sub-nav.scss

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name _sub-nav.scss
@@ -59,10 +59,10 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
   $active-bg: $sub-nav-active-bg,
   $active-bg-hover: $sub-nav-active-bg-hover) {
   display: block;
-  width: auto;
-  overflow: hidden;
   margin: $sub-nav-list-margin;
+  overflow: hidden;
   padding-top: $sub-nav-list-padding-top;
+  width: auto;
 
   dt {
     text-transform: uppercase;
@@ -71,19 +71,19 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
   dt,
   dd,
   li {
+    color: $font-color;
     float: $default-float;
-    display: inline;
-    margin-#{$default-float}: rem-calc(16);
-    margin-bottom: 0;
     font-family: $sub-nav-font-family;
-    font-weight: $sub-nav-font-weight;
     font-size: $font-size;
-    color: $font-color;
+    font-weight: $sub-nav-font-weight;
+    margin-#{$default-float}: rem-calc(16);
+    margin-bottom: 0;
 
     a {
-      text-decoration: $sub-nav-text-decoration;
       color: $sub-nav-font-color;
       padding: $sub-nav-padding;
+      text-decoration: $sub-nav-text-decoration;
+
       &:hover {
         color: $sub-nav-font-color-hover;
       }
@@ -91,15 +91,17 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
 
     &.active a {
       @include radius($sub-nav-border-radius);
-      font-weight: $sub-nav-active-font-weight;
       background: $active-bg;
-      padding: $sub-nav-active-padding;
-      cursor: $sub-nav-active-cursor;
       color: $sub-nav-active-color;
+      cursor: $sub-nav-active-cursor;
+      font-weight: $sub-nav-active-font-weight;
+      padding: $sub-nav-active-padding;
+
       &:hover {
         background: $active-bg-hover;
       }
     }
+
     @if $sub-nav-item-divider != "" {
       margin-#{$default-float}: 0;
 

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

@@ -2,7 +2,7 @@
 // foundation.zurb.com
 // Licensed under MIT Open Source
 
-@import "global";
+@import 'global';
 
 //
 // @name
@@ -44,24 +44,26 @@ $switch-active-color: $primary-color !default;
   $transition-speed:$switch-paddle-transition-speed,
   $transition-ease:$switch-paddle-transition-ease) {
 
-  padding: 0;
   border: none;
-  position: relative;
+  margin-bottom: $switch-bottom-margin;
   outline: 0;
+  padding: 0;
+  position: relative;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 
   // Default label styles for type and transition
   label {
+    background: $switch-bg;
+    color: transparent;
+    cursor: pointer;
     display: block;
     margin-bottom: ($switch-height-med / 2);
     position: relative;
-    color: transparent;
-    background: $switch-bg;
     text-indent: 100%;
     width: $switch-height-med * 2; height: $switch-height-med;
-    cursor: pointer;
 
     // Transition for the switch label to follow paddle
     @include single-transition(left, $transition-speed, $transition-ease);
@@ -70,11 +72,11 @@ $switch-active-color: $primary-color !default;
   // So that we don't need to recreate the form with any JS, we use the
   // existing checkbox or radio button, but we cleverly position and hide it.
   input {
+    left: 10px;
     opacity: 0;
+    padding:0;
     position: absolute;
     top: 9px;
-    left: 10px;
-    padding:0;
 
     & + label { margin-left: 0; margin-right: 0; }
   }
@@ -84,14 +86,14 @@ $switch-active-color: $primary-color !default;
   // the state of the input.
 
   label:after {
+    background: $switch-paddle-bg;
     content: "";
     display: block;
-    background: $switch-paddle-bg;
+    height: $switch-height-med - .5rem;
+    left: .25rem;
     position: absolute;
     top: .25rem;
-    left: .25rem;
-    width: $switch-height-med - 0.5rem;
-    height: $switch-height-med - 0.5rem;
+    width: $switch-height-med - .5rem;
 
     -webkit-transition: left $transition-speed $transition-ease;
     -moz-transition: left $transition-speed $transition-ease;
@@ -100,6 +102,7 @@ $switch-active-color: $primary-color !default;
 
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
+    -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
   }
@@ -109,7 +112,7 @@ $switch-active-color: $primary-color !default;
   }
 
   input:checked + label:after {
-    left: $switch-height-med + 0.25rem;
+    left: $switch-height-med + .25rem;
   }
 }
 
@@ -121,17 +124,17 @@ $switch-active-color: $primary-color !default;
 @mixin switch-size($height: $switch-height-med) {
 
   label {
-    width: $height * 2;
     height: $height;
+    width: $height * 2;
   }
 
   label:after {
-    width: $height - 0.5rem;
-    height: $height - 0.5rem;
+    height: $height - .5rem;
+    width: $height - .5rem;
   }
 
   input:checked + label:after {
-    left: $height + 0.25rem;
+    left: $height + .25rem;
   }
 
 }