refills 0.0.1 → 0.0.2

data/source/stylesheets/bourbon/addons/_ellipsis.scss

@@ -0,0 +1,7 @@
+@mixin ellipsis($width: 100%) {
+  display: inline-block;
+  max-width: $width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

data/source/stylesheets/bourbon/addons/_rem.scss

@@ -0,0 +1,33 @@
+@mixin rem($property, $size, $base: $em-base) {
+  @if not unitless($base) {
+    $base: strip-units($base);
+  }
+
+  $unitless_values: ();
+  @each $num in $size {
+    @if not unitless($num) {
+      @if unit($num) == "em" {
+        $num: $num * $base;
+      }
+
+      $num: strip-units($num);
+    }
+
+    $unitless_values: append($unitless_values, $num);
+  }
+  $size: $unitless_values;
+
+  $pixel_values: ();
+  $rem_values: ();
+  @each $value in $size {
+    $pixel_value: $value * 1px;
+    $pixel_values: append($pixel_values, $pixel_value);
+
+    $rem_value: ($value / $base) * 1rem;
+    $rem_values: append($rem_values, $rem_value);
+  }
+
+  #{$property}: $pixel_values;
+  #{$property}: $rem_values;
+}
+

data/source/stylesheets/bourbon/css3/_calc.scss

@@ -0,0 +1,4 @@
+@mixin calc($property, $value) {
+  #{$property}: -webkit-calc(#{$value});
+  #{$property}:         calc(#{$value});
+}

data/source/stylesheets/bourbon/css3/_filter.scss

@@ -0,0 +1,5 @@
+@mixin filter($function: none) {
+  // <filter-function> [<filter-function]* | none
+  @include prefixer(filter, $function, webkit spec);
+}
+

data/source/stylesheets/bourbon/css3/_font-feature-settings.scss

@@ -0,0 +1,10 @@
+// Font feature settings mixin and property default.
+// Examples: @include font-feature-settings("liga");
+//           @include font-feature-settings("lnum" false);
+//           @include font-feature-settings("pnum" 1, "kern" 0);
+//           @include font-feature-settings("ss01", "ss02");
+
+@mixin font-feature-settings($settings...) {
+  @if length($settings) == 0 { $settings: none; }
+  @include prefixer(font-feature-settings, $settings, webkit moz ms spec);
+}

data/source/stylesheets/bourbon/css3/_hyphens.scss

@@ -0,0 +1,4 @@
+@mixin hyphens($hyphenation: none) {
+// none | manual | auto
+  @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
+}

data/source/stylesheets/bourbon/functions/_assign.scss

@@ -0,0 +1,11 @@
+@function assign-inputs($inputs, $pseudo: null) {
+  // $list : ();
+
+  // @each $input in $inputs {
+  //   $input: unquote($input);
+  //   $input: if($pseudo, $input + ":" + $pseudo, $input);
+  //   $list: append($list, $input, comma);
+  // }
+
+  // @return $list;
+}

data/source/stylesheets/bourbon/functions/_color-lightness.scss

@@ -0,0 +1,13 @@
+// Programatically determines whether a color is light or dark
+// Returns a boolean
+// More details here http://robots.thoughtbot.com/closer-look-color-lightness
+
+@function is-light($hex-color) {
+  $red: red(rgba($hex-color, 1.0));
+  $green: green(rgba($hex-color, 1.0));
+  $blue: blue(rgba($hex-color, 1.0));
+
+  $lightness: ($red * 0.2126 + $green * 0.7152 + $blue * 0.0722) / 255;
+
+  @return $lightness > .6;
+}

data/source/stylesheets/bourbon/functions/_golden-ratio.scss

@@ -0,0 +1,3 @@
+@function golden-ratio($value, $increment) {
+  @return modular-scale($value, $increment, $golden)
+}

data/source/stylesheets/bourbon/functions/_strip-units.scss

@@ -0,0 +1,5 @@
+// Srtips the units from a value. e.g. 12px -> 12
+
+@function strip-units($val) {
+  @return ($val / ($val * 0 + 1));
+}

data/source/stylesheets/bourbon/functions/_unpack.scss

@@ -0,0 +1,17 @@
+// Convert shorthand to the 4-value syntax
+
+@function unpack($shorthand) {
+  @if length($shorthand) == 1 {
+    @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
+  }
+  @else if length($shorthand) == 2 {
+    @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
+  }
+  @else if length($shorthand) == 3 {
+    @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
+  }
+  @else {
+    @return $shorthand;
+  }
+}
+

data/source/stylesheets/bourbon/helpers/_convert-units.scss

@@ -0,0 +1,15 @@
+//************************************************************************//
+// Helper function for str-to-num fn.
+// Source: http://sassmeister.com/gist/9647408
+//************************************************************************//
+@function _convert-units($number, $unit) {
+  $strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax', 'deg', 'rad', 'grad', 'turn';
+  $units:   1px  1cm  1mm  1%  1ch  1pica  1in  1em  1rem  1pt  1pc  1ex  1vw  1vh  1vmin  1vmax,  1deg,  1rad,  1grad, 1turn;
+  $index: index($strings, $unit);
+
+  @if not $index {
+    @warn "Unknown unit `#{$unit}`.";
+    @return false;
+  }
+  @return $number * nth($units, $index);
+}

data/source/stylesheets/bourbon/helpers/_is-num.scss

@@ -0,0 +1,8 @@
+//************************************************************************//
+// Helper for linear-gradient-parser
+//************************************************************************//
+@function _is-num($char) {
+  $strings: "0 1 2 3 4 5 6 7 8 9";
+  $index: str-index($strings, $char);
+  @return if($index, true, false);
+}

data/source/stylesheets/bourbon/helpers/_linear-angle-parser.scss

@@ -0,0 +1,25 @@
+// Private function for linear-gradient-parser
+@function _linear-angle-parser($image, $first-val, $prefix, $suffix) {
+  // $offset: null;
+  // $unit-short:  str-slice($first-val, str-length($first-val) - 2, str-length($first-val));
+  // $unit-long:   str-slice($first-val, str-length($first-val) - 3, str-length($first-val));
+
+  // @if ($unit-long == "grad") or
+  //     ($unit-long == "turn") {
+  //   $offset: if($unit-long == "grad", -100grad * 3, -0.75turn);
+  // }
+
+  // @else if ($unit-short == "deg") or
+  //          ($unit-short == "rad") {
+  //   $offset: if($unit-short == "deg", -90 * 3, 1.6rad);
+  // }
+
+  // @if $offset {
+  //   $num: _str-to-num($first-val);
+
+  //   @return (
+  //     webkit-image: -webkit- + $prefix + ($offset - $num) + $suffix,
+  //     spec-image: $image
+  //   );
+  // }
+}

data/source/stylesheets/bourbon/helpers/_linear-gradient-parser.scss

@@ -0,0 +1,41 @@
+@function _linear-gradient-parser($image) {
+  // $image: unquote($image);
+  // $gradients: ();
+  // $start: str-index($image, "(");
+  // $end: str-index($image, ",");
+  // $first-val: str-slice($image, $start + 1, $end - 1);
+
+  // $prefix: str-slice($image, 0, $start);
+  // $suffix: str-slice($image, $end, str-length($image));
+
+  // $has-multiple-vals: str-index($first-val, " ");
+  // $has-single-position: unquote(_position-flipper($first-val) + "");
+  // $has-angle: _is-num(str-slice($first-val, 0, 0));
+
+  // @if $has-multiple-vals {
+  //   $gradients: _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals);
+  // }
+
+  // @else if $has-single-position != "" {
+  //   $pos: unquote($has-single-position + "");
+
+  //   $gradients: (
+  //     webkit-image: -webkit- + $image,
+  //     spec-image: $prefix + "to " + $pos + $suffix
+  //   );
+  // }
+
+  // @else if $has-angle {
+  //   // Rotate degree for webkit
+  //   $gradients: _linear-angle-parser($image, $first-val, $prefix, $suffix);
+  // }
+
+  // @else {
+  //   $gradients: (
+  //     webkit-image: -webkit- + $image,
+  //     spec-image: $image
+  //   );
+  // }
+
+  // @return $gradients;
+}

data/source/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss

@@ -0,0 +1,31 @@
+// Private function for linear-gradient-parser
+@function _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals) {
+  // $val-1: str-slice($first-val, 0, $has-multiple-vals - 1 );
+  // $val-2: str-slice($first-val, $has-multiple-vals + 1, str-length($first-val));
+  // $val-3: null;
+  // $has-val-3: str-index($val-2, " ");
+
+  // @if $has-val-3 {
+  //   $val-3: str-slice($val-2, $has-val-3 + 1, str-length($val-2));
+  //   $val-2: str-slice($val-2, 0, $has-val-3 - 1);
+  // }
+
+  // $pos: _position-flipper($val-1) _position-flipper($val-2) _position-flipper($val-3);
+  // $pos: unquote($pos + "");
+
+  // // Use old spec for webkit
+  // @if $val-1 == "to" {
+  //   @return (
+  //     webkit-image: -webkit- + $prefix + $pos + $suffix,
+  //     spec-image: $image
+  //   );
+  // }
+
+  // // Bring the code up to spec
+  // @else {
+  //   @return (
+  //     webkit-image: -webkit- + $image,
+  //     spec-image: $prefix + "to " + $pos + $suffix
+  //   );
+  // }
+}

data/source/stylesheets/bourbon/helpers/_radial-gradient-parser.scss

@@ -0,0 +1,50 @@
+@function _radial-gradient-parser($image) {
+  // $image: unquote($image);
+  // $gradients: ();
+  // $start: str-index($image, "(");
+  // $end: str-index($image, ",");
+  // $first-val: str-slice($image, $start + 1, $end - 1);
+
+  // $prefix: str-slice($image, 0, $start);
+  // $suffix: str-slice($image, $end, str-length($image));
+
+  // $is-spec-syntax: str-index($first-val, "at");
+
+  // @if $is-spec-syntax and $is-spec-syntax > 1 {
+  //   $keyword: str-slice($first-val, 1, $is-spec-syntax - 2);
+  //   $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
+  //   $pos: append($pos, $keyword, comma);
+
+  //   $gradients: (
+  //     webkit-image: -webkit- + $prefix + $pos + $suffix,
+  //     spec-image: $image
+  //   )
+  // }
+
+  // @else if $is-spec-syntax == 1 {
+  //   $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
+
+  //   $gradients: (
+  //     webkit-image: -webkit- + $prefix + $pos + $suffix,
+  //     spec-image: $image
+  //   )
+  // }
+
+  // @else if str-index($image, "cover") or str-index($image, "contain") {
+  //   @warn "Radial-gradient needs to be updated to conform to latest spec.";
+
+  //   $gradients: (
+  //     webkit-image: null,
+  //     spec-image: $image
+  //   )
+  // }
+
+  // @else {
+  //   $gradients: (
+  //     webkit-image: -webkit- + $image,
+  //     spec-image: $image
+  //   )
+  // }
+
+  // @return $gradients;
+}

data/source/stylesheets/bourbon/helpers/_str-to-num.scss

@@ -0,0 +1,50 @@
+//************************************************************************//
+// Helper function for linear/radial-gradient-parsers.
+// Source: http://sassmeister.com/gist/9647408
+//************************************************************************//
+@function _str-to-num($string) {
+  // Matrices
+  $strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
+  $numbers:  0   1   2   3   4   5   6   7   8   9;
+
+  // Result
+  $result: 0;
+  $divider: 0;
+  $minus: false;
+
+  // Looping through all characters
+  @for $i from 1 through str-length($string) {
+    $character: str-slice($string, $i, $i);
+    $index: index($strings, $character);
+
+    @if $character == '-' {
+      $minus: true;
+    }
+
+    @else if $character == '.' {
+      $divider: 1;
+    }
+
+    @else {
+      @if not $index {
+        $result: if($minus, $result * -1, $result);
+        @return _convert-units($result, str-slice($string, $i));
+      }
+
+      $number: nth($numbers, $index);
+
+      @if $divider == 0 {
+        $result: $result * 10;
+      }
+
+      @else {
+        // Move the decimal dot to the left
+        $divider: $divider * 10;
+        $number: $number / $divider;
+      }
+
+      $result: $result + $number;
+    }
+  }
+  @return if($minus, $result * -1, $result);
+}

data/source/stylesheets/bourbon/settings/_prefixer.scss

@@ -0,0 +1,6 @@
+// Variable settings for /addons/prefixer.scss
+$prefix-for-webkit:    true !default;
+$prefix-for-mozilla:   true !default;
+$prefix-for-microsoft: true !default;
+$prefix-for-opera:     true !default;
+$prefix-for-spec:      true !default; // required for keyframe mixin

data/source/stylesheets/bourbon/settings/_px-to-em.scss

@@ -0,0 +1 @@
+$em-base: 16px !default;

data/source/stylesheets/refills/_accordion-tabs-minimal.scss

@@ -0,0 +1,96 @@
+.accordion-tabs-minimal {
+  $tab-border-color: $base-border-color;
+  $tab-border: 1px solid $tab-border-color;
+  $tab-content-background: $base-body-color;
+  $tab-active-background: $tab-content-background;
+  $tab-inactive-color: $base-body-color;
+  $tab-inactive-hover-color: darken($light-gray, 5);
+  $tab-mode: $medium-screen;
+
+  @include clearfix;
+  border: $tab-border;
+  border-radius: $base-border-radius;
+  margin-bottom: $base-line-height;
+
+  @include media($tab-mode) {
+    border: none;
+  }
+
+  li.tab-header-and-content {
+
+    @include media($tab-mode) {
+      display: inline;
+    }
+
+    &:first-child a.tab-link {
+      border-top-left-radius: $base-border-radius; 
+      border-top-right-radius: $base-border-radius; 
+      border-top: 0;
+    }
+
+    &:last-child a.tab-link {
+      border-bottom-left-radius: $base-border-radius; 
+      border-bottom-right-radius: $base-border-radius; 
+
+      @include media($tab-mode) {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+  }
+
+  li.tab-header-and-content a.tab-link {
+    background-color: $tab-inactive-color;
+    border-top: $tab-border;
+    color: $dark-gray;
+    display: block;
+    font-weight: 400;
+    padding: $base-line-height/2 $gutter;
+
+    @include media($tab-mode) {
+      @include inline-block;
+      border-top: 0;
+      border-top-right-radius: $base-border-radius;
+      border-top-left-radius: $base-border-radius;
+    }
+
+    &:hover {
+      color: $base-link-color;
+    }
+
+    &:focus { 
+      outline: none; 
+    }
+
+    &.is-active {
+      background-color: $tab-active-background;
+      border-bottom: 0;
+
+      @include media($tab-mode) {
+        background-color: $tab-active-background;
+        border: $tab-border;
+        border-bottom: 1px solid $tab-active-background;
+        margin-bottom: -1px;
+      }
+    }
+  }
+
+  li.tab-header-and-content section {
+    padding: $base-line-height $gutter;
+    background: $tab-content-background;
+    display: none;
+    overflow: hidden;
+    width: 100%;
+
+    @include media($tab-mode) {
+      border-top: $tab-border;
+      float: left;
+      left: 0;
+      padding: $base-line-height/2 $gutter/2;
+
+      p {
+        @include columns(2);
+      }
+    }
+  }
+}