kentucky 1.5.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +2 -1
- data/app/assets/stylesheets/kentucky/_kentucky.scss +35 -37
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_border.scss +3 -2
- data/app/assets/stylesheets/kentucky/addons/_clearfix.scss +14 -0
- data/app/assets/stylesheets/kentucky/addons/_easings.scss +37 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_hide-text.scss +4 -4
- data/app/assets/stylesheets/kentucky/addons/_input-types.scss +82 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_position.scss +0 -0
- data/app/assets/stylesheets/kentucky/{helpers → addons}/_size.scss +0 -0
- data/app/assets/stylesheets/kentucky/addons/_truncate.scss +10 -0
- data/app/assets/stylesheets/kentucky/base/_buttons.scss +40 -0
- data/app/assets/stylesheets/kentucky/base/_forms.scss +86 -0
- data/app/assets/stylesheets/kentucky/{functions/_strip-units.scss → base/_layouts.scss} +3 -3
- data/app/assets/stylesheets/kentucky/base/_lists.scss +35 -0
- data/app/assets/stylesheets/kentucky/base/_project-settings.scss +112 -0
- data/app/assets/stylesheets/kentucky/base/_tables.scss +28 -0
- data/app/assets/stylesheets/kentucky/base/_typography.scss +91 -0
- data/app/assets/stylesheets/kentucky/functions/_assign.scss +17 -0
- data/app/assets/stylesheets/kentucky/functions/_tint-shade.scss +11 -0
- data/kentucky.gemspec +2 -2
- data/lib/kentucky/version.rb +1 -1
- data/readme.md +129 -0
- metadata +30 -38
- data/app/assets/stylesheets/kentucky/_forms.scss +0 -66
- data/app/assets/stylesheets/kentucky/_normalize.scss +0 -253
- data/app/assets/stylesheets/kentucky/_project-settings.scss +0 -108
- data/app/assets/stylesheets/kentucky/_typography.scss +0 -122
- data/app/assets/stylesheets/kentucky/functions/_gradient-functions.scss +0 -214
- data/app/assets/stylesheets/kentucky/functions/_remify.scss +0 -39
- data/app/assets/stylesheets/kentucky/grid/_grid.scss +0 -104
- data/app/assets/stylesheets/kentucky/helpers/_anti-aliased.scss +0 -8
- data/app/assets/stylesheets/kentucky/helpers/_breadcrumbs.scss +0 -24
- data/app/assets/stylesheets/kentucky/helpers/_clearfix.scss +0 -14
- data/app/assets/stylesheets/kentucky/helpers/_font-size.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_go.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_headings.scss +0 -11
- data/app/assets/stylesheets/kentucky/helpers/_html5-input-types.scss +0 -29
- data/app/assets/stylesheets/kentucky/helpers/_linear-gradient.scss +0 -42
- data/app/assets/stylesheets/kentucky/helpers/_mute.scss +0 -15
- data/app/assets/stylesheets/kentucky/helpers/_radial-gradient.scss +0 -24
- data/app/assets/stylesheets/kentucky/helpers/_strip-unit.scss +0 -7
- data/app/assets/stylesheets/kentucky/helpers/_triangle.scss +0 -49
- data/app/assets/stylesheets/kentucky/helpers/_truncate.scss +0 -19
| @@ -1,214 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Bourbon Gradient Mixins Req. Functions
         | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //  https://github.com/thoughtbot/bourbon/tree/master/app/assets/stylesheets/helpers
         | 
| 5 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 6 | 
            -
             | 
| 7 | 
            -
            // Position Parser
         | 
| 8 | 
            -
            @function _gradient-positions-parser($gradient-type, $gradient-positions) {
         | 
| 9 | 
            -
              @if $gradient-positions
         | 
| 10 | 
            -
              and ($gradient-type == linear)
         | 
| 11 | 
            -
              and (type-of($gradient-positions) != color) {
         | 
| 12 | 
            -
                $gradient-positions: _linear-positions-parser($gradient-positions);
         | 
| 13 | 
            -
              }
         | 
| 14 | 
            -
              @else if $gradient-positions
         | 
| 15 | 
            -
              and ($gradient-type == radial)
         | 
| 16 | 
            -
              and (type-of($gradient-positions) != color) {
         | 
| 17 | 
            -
                $gradient-positions: _radial-positions-parser($gradient-positions);
         | 
| 18 | 
            -
              }
         | 
| 19 | 
            -
              @return $gradient-positions;
         | 
| 20 | 
            -
            }
         | 
| 21 | 
            -
             | 
| 22 | 
            -
            // Linear Position Parser
         | 
| 23 | 
            -
            @function _linear-positions-parser($pos) {
         | 
| 24 | 
            -
              $type: type-of(nth($pos, 1));
         | 
| 25 | 
            -
              $spec: null;
         | 
| 26 | 
            -
              $degree: null;
         | 
| 27 | 
            -
              $side: null;
         | 
| 28 | 
            -
              $corner: null;
         | 
| 29 | 
            -
              $length: length($pos);
         | 
| 30 | 
            -
              // Parse Side and corner positions
         | 
| 31 | 
            -
              @if ($length > 1) {
         | 
| 32 | 
            -
                @if nth($pos, 1) == "to" { // Newer syntax
         | 
| 33 | 
            -
                  $side: nth($pos, 2);
         | 
| 34 | 
            -
             | 
| 35 | 
            -
                  @if $length == 2 { // eg. to top
         | 
| 36 | 
            -
                    // Swap for backwards compatability
         | 
| 37 | 
            -
                    $degree: _position-flipper(nth($pos, 2));
         | 
| 38 | 
            -
                  }
         | 
| 39 | 
            -
                  @else if $length == 3 { // eg. to top left
         | 
| 40 | 
            -
                    $corner: nth($pos, 3);
         | 
| 41 | 
            -
                  }
         | 
| 42 | 
            -
                }
         | 
| 43 | 
            -
                @else if $length == 2 { // Older syntax ("top left")
         | 
| 44 | 
            -
                  $side: _position-flipper(nth($pos, 1));
         | 
| 45 | 
            -
                  $corner: _position-flipper(nth($pos, 2));
         | 
| 46 | 
            -
                }
         | 
| 47 | 
            -
             | 
| 48 | 
            -
                @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
         | 
| 49 | 
            -
                  $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
         | 
| 50 | 
            -
                }
         | 
| 51 | 
            -
                @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
         | 
| 52 | 
            -
                  $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
         | 
| 53 | 
            -
                }
         | 
| 54 | 
            -
                @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
         | 
| 55 | 
            -
                  $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
         | 
| 56 | 
            -
                }
         | 
| 57 | 
            -
                @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
         | 
| 58 | 
            -
                  $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
         | 
| 59 | 
            -
                }
         | 
| 60 | 
            -
                $spec: to $side $corner;
         | 
| 61 | 
            -
              }
         | 
| 62 | 
            -
              @else if $length == 1 {
         | 
| 63 | 
            -
                // Swap for backwards compatability
         | 
| 64 | 
            -
                @if $type == string {
         | 
| 65 | 
            -
                  $degree: $pos;
         | 
| 66 | 
            -
                  $spec: to _position-flipper($pos);
         | 
| 67 | 
            -
                }
         | 
| 68 | 
            -
                @else {
         | 
| 69 | 
            -
                  $degree: -270 - $pos; //rotate the gradient opposite from spec
         | 
| 70 | 
            -
                  $spec: $pos;
         | 
| 71 | 
            -
                }
         | 
| 72 | 
            -
              }
         | 
| 73 | 
            -
              $degree: unquote($degree + ",");
         | 
| 74 | 
            -
              $spec:   unquote($spec + ",");
         | 
| 75 | 
            -
              @return $degree $spec;
         | 
| 76 | 
            -
            }
         | 
| 77 | 
            -
             | 
| 78 | 
            -
            @function _position-flipper($pos) {
         | 
| 79 | 
            -
             @return if($pos == left, right, null)
         | 
| 80 | 
            -
                     if($pos == right, left, null)
         | 
| 81 | 
            -
                     if($pos == top, bottom, null)
         | 
| 82 | 
            -
                     if($pos == bottom, top, null);
         | 
| 83 | 
            -
            }
         | 
| 84 | 
            -
             | 
| 85 | 
            -
            // Radial Argument Parser
         | 
| 86 | 
            -
            @function _radial-arg-parser($G1, $G2, $pos, $shape-size) {
         | 
| 87 | 
            -
              @each $value in $G1, $G2 {
         | 
| 88 | 
            -
                $first-val: nth($value, 1);
         | 
| 89 | 
            -
                $pos-type:  type-of($first-val);
         | 
| 90 | 
            -
                $spec-at-index: null;
         | 
| 91 | 
            -
             | 
| 92 | 
            -
                // Determine if spec was passed to mixin
         | 
| 93 | 
            -
                @if type-of($value) == list {
         | 
| 94 | 
            -
                  $spec-at-index: if(index($value, at), index($value, at), false);
         | 
| 95 | 
            -
                }
         | 
| 96 | 
            -
                @if $spec-at-index {
         | 
| 97 | 
            -
                  @if $spec-at-index > 1 {
         | 
| 98 | 
            -
                    @for $i from 1 through ($spec-at-index - 1) {
         | 
| 99 | 
            -
                      $shape-size: $shape-size nth($value, $i);
         | 
| 100 | 
            -
                    }
         | 
| 101 | 
            -
                    @for $i from ($spec-at-index + 1) through length($value) {
         | 
| 102 | 
            -
                      $pos: $pos nth($value, $i);
         | 
| 103 | 
            -
                    }
         | 
| 104 | 
            -
                  }
         | 
| 105 | 
            -
                  @else if $spec-at-index == 1 {
         | 
| 106 | 
            -
                    @for $i from ($spec-at-index + 1) through length($value) {
         | 
| 107 | 
            -
                      $pos: $pos nth($value, $i);
         | 
| 108 | 
            -
                    }
         | 
| 109 | 
            -
                  }
         | 
| 110 | 
            -
                  $G1: null;
         | 
| 111 | 
            -
                }
         | 
| 112 | 
            -
             | 
| 113 | 
            -
                // If not spec calculate correct values
         | 
| 114 | 
            -
                @else {
         | 
| 115 | 
            -
                  @if ($pos-type != color) or ($first-val != "transparent") {
         | 
| 116 | 
            -
                    @if ($pos-type == number)
         | 
| 117 | 
            -
                    or ($first-val == "center")
         | 
| 118 | 
            -
                    or ($first-val == "top")
         | 
| 119 | 
            -
                    or ($first-val == "right")
         | 
| 120 | 
            -
                    or ($first-val == "bottom")
         | 
| 121 | 
            -
                    or ($first-val == "left") {
         | 
| 122 | 
            -
             | 
| 123 | 
            -
                      $pos: $value;
         | 
| 124 | 
            -
             | 
| 125 | 
            -
                      @if $pos == $G1 {
         | 
| 126 | 
            -
                        $G1: null;
         | 
| 127 | 
            -
                      }
         | 
| 128 | 
            -
                    }
         | 
| 129 | 
            -
             | 
| 130 | 
            -
                    @else if
         | 
| 131 | 
            -
                       ($first-val == "ellipse")
         | 
| 132 | 
            -
                    or ($first-val == "circle")
         | 
| 133 | 
            -
                    or ($first-val == "closest-side")
         | 
| 134 | 
            -
                    or ($first-val == "closest-corner")
         | 
| 135 | 
            -
                    or ($first-val == "farthest-side")
         | 
| 136 | 
            -
                    or ($first-val == "farthest-corner")
         | 
| 137 | 
            -
                    or ($first-val == "contain")
         | 
| 138 | 
            -
                    or ($first-val == "cover") {
         | 
| 139 | 
            -
             | 
| 140 | 
            -
                      $shape-size: $value;
         | 
| 141 | 
            -
             | 
| 142 | 
            -
                      @if $value == $G1 {
         | 
| 143 | 
            -
                        $G1: null;
         | 
| 144 | 
            -
                      }
         | 
| 145 | 
            -
             | 
| 146 | 
            -
                      @else if $value == $G2 {
         | 
| 147 | 
            -
                        $G2: null;
         | 
| 148 | 
            -
                      }
         | 
| 149 | 
            -
                    }
         | 
| 150 | 
            -
                  }
         | 
| 151 | 
            -
                }
         | 
| 152 | 
            -
              }
         | 
| 153 | 
            -
              @return $G1, $G2, $pos, $shape-size;
         | 
| 154 | 
            -
            }
         | 
| 155 | 
            -
             | 
| 156 | 
            -
            // Radial Position Parser
         | 
| 157 | 
            -
            @function _radial-positions-parser($gradient-pos) {
         | 
| 158 | 
            -
              $shape-size: nth($gradient-pos, 1);
         | 
| 159 | 
            -
              $pos:        nth($gradient-pos, 2);
         | 
| 160 | 
            -
              $shape-size-spec: _shape-size-stripper($shape-size);
         | 
| 161 | 
            -
             | 
| 162 | 
            -
              $pre-spec: unquote(if($pos, "#{$pos}, ", null))
         | 
| 163 | 
            -
                         unquote(if($shape-size, "#{$shape-size},", null));
         | 
| 164 | 
            -
              $pos-spec: if($pos, "at #{$pos}", null);
         | 
| 165 | 
            -
             | 
| 166 | 
            -
              $spec: "#{$shape-size-spec} #{$pos-spec}";
         | 
| 167 | 
            -
             | 
| 168 | 
            -
              // Add comma
         | 
| 169 | 
            -
              @if ($spec != '  ') {
         | 
| 170 | 
            -
                $spec: "#{$spec},"
         | 
| 171 | 
            -
              }
         | 
| 172 | 
            -
             | 
| 173 | 
            -
              @return $pre-spec $spec;
         | 
| 174 | 
            -
            }
         | 
| 175 | 
            -
             | 
| 176 | 
            -
            // Render Gradients
         | 
| 177 | 
            -
            // Used for linear and radial gradients within background-image or border-image properties
         | 
| 178 | 
            -
             | 
| 179 | 
            -
            @function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
         | 
| 180 | 
            -
              $pre-spec: null;
         | 
| 181 | 
            -
              $spec: null;
         | 
| 182 | 
            -
              $vendor-gradients: null;
         | 
| 183 | 
            -
              @if $gradient-type == linear {
         | 
| 184 | 
            -
                @if $gradient-positions {
         | 
| 185 | 
            -
                  $pre-spec: nth($gradient-positions, 1);
         | 
| 186 | 
            -
                  $spec:     nth($gradient-positions, 2);
         | 
| 187 | 
            -
                }
         | 
| 188 | 
            -
              }
         | 
| 189 | 
            -
              @else if $gradient-type == radial {
         | 
| 190 | 
            -
                $pre-spec: nth($gradient-positions, 1);
         | 
| 191 | 
            -
                $spec:     nth($gradient-positions, 2);
         | 
| 192 | 
            -
              }
         | 
| 193 | 
            -
             | 
| 194 | 
            -
              @if $vendor {
         | 
| 195 | 
            -
                $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
         | 
| 196 | 
            -
              }
         | 
| 197 | 
            -
              @else if $vendor == false {
         | 
| 198 | 
            -
                $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
         | 
| 199 | 
            -
                $vendor-gradients: unquote($vendor-gradients);
         | 
| 200 | 
            -
              }
         | 
| 201 | 
            -
              @return $vendor-gradients;
         | 
| 202 | 
            -
            }
         | 
| 203 | 
            -
             | 
| 204 | 
            -
            // Shape Size Stripper
         | 
| 205 | 
            -
            @function _shape-size-stripper($shape-size) {
         | 
| 206 | 
            -
              $shape-size-spec: null;
         | 
| 207 | 
            -
              @each $value in $shape-size {
         | 
| 208 | 
            -
                @if ($value == "cover") or ($value == "contain") {
         | 
| 209 | 
            -
                  $value: null;
         | 
| 210 | 
            -
                }
         | 
| 211 | 
            -
                $shape-size-spec: "#{$shape-size-spec} #{$value}";
         | 
| 212 | 
            -
              }
         | 
| 213 | 
            -
              @return $shape-size-spec;
         | 
| 214 | 
            -
            }
         | 
| @@ -1,39 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Convert Pixel to REM
         | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //  Credit: https://github.com/mariusz/remify
         | 
| 5 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 6 | 
            -
             | 
| 7 | 
            -
            @function remify($px){
         | 
| 8 | 
            -
              $base-rem-size: $base-font-size / 1rem;
         | 
| 9 | 
            -
             | 
| 10 | 
            -
              // If value is 0, return 0
         | 
| 11 | 
            -
              @if $px == 0 {
         | 
| 12 | 
            -
                @return 0;
         | 
| 13 | 
            -
              }
         | 
| 14 | 
            -
             | 
| 15 | 
            -
              @if type-of(px) == "number" {
         | 
| 16 | 
            -
             | 
| 17 | 
            -
                @return $px / $base-rem-size;
         | 
| 18 | 
            -
             | 
| 19 | 
            -
              } @else {
         | 
| 20 | 
            -
             | 
| 21 | 
            -
                $rems: ();
         | 
| 22 | 
            -
             | 
| 23 | 
            -
                @each $value in $px{
         | 
| 24 | 
            -
             | 
| 25 | 
            -
                  @if $value == 0{
         | 
| 26 | 
            -
                    $rems: append($rems, $value);
         | 
| 27 | 
            -
                  } @else {
         | 
| 28 | 
            -
                    $rems: append($rems, ($value / $base-rem-size));
         | 
| 29 | 
            -
                  }
         | 
| 30 | 
            -
                }
         | 
| 31 | 
            -
             | 
| 32 | 
            -
                @return $rems;
         | 
| 33 | 
            -
              }
         | 
| 34 | 
            -
            }
         | 
| 35 | 
            -
             | 
| 36 | 
            -
            @mixin rem($property, $values){
         | 
| 37 | 
            -
              #{$property}: $values;
         | 
| 38 | 
            -
              #{$property}: remify($values);
         | 
| 39 | 
            -
            }
         | 
| @@ -1,104 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Grid Settings
         | 
| 3 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 4 | 
            -
             | 
| 5 | 
            -
            $max-width: 960px !default;
         | 
| 6 | 
            -
            $grid-columns: 12 !default;
         | 
| 7 | 
            -
            $grid-gutter: 15px !default;
         | 
| 8 | 
            -
            $column: $max-width / $grid-columns !default;
         | 
| 9 | 
            -
             | 
| 10 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 11 | 
            -
            //  Set Container
         | 
| 12 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 13 | 
            -
             | 
| 14 | 
            -
            @mixin outer-container {
         | 
| 15 | 
            -
              @include clearfix;
         | 
| 16 | 
            -
              max-width: $max-width;
         | 
| 17 | 
            -
              width: 100%;
         | 
| 18 | 
            -
              margin: 0 auto;
         | 
| 19 | 
            -
            }
         | 
| 20 | 
            -
             | 
| 21 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 22 | 
            -
            //  Set Full Width Row
         | 
| 23 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 24 | 
            -
             | 
| 25 | 
            -
            @mixin row{
         | 
| 26 | 
            -
              @include clearfix;
         | 
| 27 | 
            -
              position: relative;
         | 
| 28 | 
            -
              display: block;
         | 
| 29 | 
            -
              margin: 0 -#{$grid-gutter};
         | 
| 30 | 
            -
            }
         | 
| 31 | 
            -
             | 
| 32 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 33 | 
            -
            //  Set Widths
         | 
| 34 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 35 | 
            -
             | 
| 36 | 
            -
            @mixin span-columns($col-size, $flow: left) {
         | 
| 37 | 
            -
             | 
| 38 | 
            -
              $col-width: percentage($col-size / $grid-columns);
         | 
| 39 | 
            -
             | 
| 40 | 
            -
              @if $col-size > $grid-columns {
         | 
| 41 | 
            -
                @warn "Column size should not be greater than max-columns (#{$grid-columns}).";
         | 
| 42 | 
            -
              }
         | 
| 43 | 
            -
             | 
| 44 | 
            -
              @else {
         | 
| 45 | 
            -
             | 
| 46 | 
            -
                @if $flow == left {
         | 
| 47 | 
            -
                  float: left;
         | 
| 48 | 
            -
                  width: $col-width;
         | 
| 49 | 
            -
                  padding: 0 $grid-gutter;
         | 
| 50 | 
            -
                }
         | 
| 51 | 
            -
             | 
| 52 | 
            -
                @if $flow == "right"{
         | 
| 53 | 
            -
                  float: right;
         | 
| 54 | 
            -
                  width: $col-width;
         | 
| 55 | 
            -
                  padding: 0 $grid-gutter;
         | 
| 56 | 
            -
                }
         | 
| 57 | 
            -
             | 
| 58 | 
            -
                @else if $flow == "center" {
         | 
| 59 | 
            -
                  float: none;
         | 
| 60 | 
            -
                  width: $col-width;
         | 
| 61 | 
            -
                  margin: 0 auto;
         | 
| 62 | 
            -
                  padding: 0 $grid-gutter;
         | 
| 63 | 
            -
                }
         | 
| 64 | 
            -
              }
         | 
| 65 | 
            -
            }
         | 
| 66 | 
            -
             | 
| 67 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 68 | 
            -
            //  Shift
         | 
| 69 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 70 | 
            -
             | 
| 71 | 
            -
            @mixin shift($col-shift) {
         | 
| 72 | 
            -
              $shift: percentage($col-shift / 12);
         | 
| 73 | 
            -
             | 
| 74 | 
            -
              @if $col-shift > 12 {
         | 
| 75 | 
            -
                @warn "Should not shift greater than max-columns (12).";
         | 
| 76 | 
            -
              }
         | 
| 77 | 
            -
             | 
| 78 | 
            -
              @else {
         | 
| 79 | 
            -
                margin-left: $shift;
         | 
| 80 | 
            -
              }
         | 
| 81 | 
            -
            }
         | 
| 82 | 
            -
             | 
| 83 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 84 | 
            -
            //  Hug
         | 
| 85 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 86 | 
            -
             | 
| 87 | 
            -
            @mixin hug($direction){
         | 
| 88 | 
            -
             | 
| 89 | 
            -
              @if $direction == "left" {
         | 
| 90 | 
            -
                padding-left: 0;
         | 
| 91 | 
            -
              }
         | 
| 92 | 
            -
             | 
| 93 | 
            -
              @else if $direction == "right" {
         | 
| 94 | 
            -
                padding-right: 0;
         | 
| 95 | 
            -
              }
         | 
| 96 | 
            -
             | 
| 97 | 
            -
              @else if $direction == "both" {
         | 
| 98 | 
            -
                padding: 0;
         | 
| 99 | 
            -
              }
         | 
| 100 | 
            -
             | 
| 101 | 
            -
              @else {
         | 
| 102 | 
            -
                @warn "Hug requires 'left', 'right', or 'both'. Please choose a valid direction.";
         | 
| 103 | 
            -
              }
         | 
| 104 | 
            -
            }
         | 
| @@ -1,8 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  For chunky looking fonts (FF/Webkit)
         | 
| 3 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 4 | 
            -
             | 
| 5 | 
            -
            %antialiased{
         | 
| 6 | 
            -
              -webkit-font-smoothing: antialiased;
         | 
| 7 | 
            -
              -moz-osx-font-smoothing: grayscale;
         | 
| 8 | 
            -
            }
         | 
| @@ -1,24 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Breadcrumbs
         | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //  Must be extended in the ul of the breadcrumbs
         | 
| 5 | 
            -
            //  Adds auto-magical separators
         | 
| 6 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            // Simple breadcrumb ">"
         | 
| 9 | 
            -
            %breadcrumb{
         | 
| 10 | 
            -
              & > li + li:before{
         | 
| 11 | 
            -
                content:"\00BB" "\00A0";
         | 
| 12 | 
            -
              }
         | 
| 13 | 
            -
            }
         | 
| 14 | 
            -
             | 
| 15 | 
            -
            // Path breadcrumb "/"
         | 
| 16 | 
            -
            %breadcrumb--path{
         | 
| 17 | 
            -
              & > li + li:before{
         | 
| 18 | 
            -
                content:"\002F" "\00A0";
         | 
| 19 | 
            -
              }
         | 
| 20 | 
            -
            }
         | 
| 21 | 
            -
             | 
| 22 | 
            -
            %breadcrumb__root{
         | 
| 23 | 
            -
                font-weight:bold;
         | 
| 24 | 
            -
            }
         | 
| @@ -1,14 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Clearfix
         | 
| 3 | 
            -
            // 
         | 
| 4 | 
            -
            //  Source:
         | 
| 5 | 
            -
            //  css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
         | 
| 6 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            @mixin clearfix{
         | 
| 9 | 
            -
              &:after {
         | 
| 10 | 
            -
                content:"";
         | 
| 11 | 
            -
                display:table;
         | 
| 12 | 
            -
                clear:both;
         | 
| 13 | 
            -
              }
         | 
| 14 | 
            -
            }
         | 
| @@ -1,11 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Quickly generate rem font-size w/ px fallback and line-height
         | 
| 3 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 4 | 
            -
             | 
| 5 | 
            -
            @mixin font-size($font-size, $line-height: true){
         | 
| 6 | 
            -
              font-size: remify($font-size);
         | 
| 7 | 
            -
             | 
| 8 | 
            -
              @if $line-height == true {
         | 
| 9 | 
            -
                line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
         | 
| 10 | 
            -
              }
         | 
| 11 | 
            -
            }
         | 
| @@ -1,11 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  "Go"
         | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //  Add right-facing arrow, indicating movement through site
         | 
| 5 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 6 | 
            -
             | 
| 7 | 
            -
            %go{
         | 
| 8 | 
            -
              &:after{
         | 
| 9 | 
            -
                content: "\00A0" "\OOBB";
         | 
| 10 | 
            -
              }
         | 
| 11 | 
            -
            }
         | 
| @@ -1,11 +0,0 @@ | |
| 1 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 2 | 
            -
            //  Quickly target H# - H#
         | 
| 3 | 
            -
            // ------------------------------------------------------------------- //
         | 
| 4 | 
            -
             | 
| 5 | 
            -
            @mixin headings($from: 1, $to: 6){
         | 
| 6 | 
            -
              @for $i from $from through $to{
         | 
| 7 | 
            -
                h#{$i}{
         | 
| 8 | 
            -
                  @content
         | 
| 9 | 
            -
                }
         | 
| 10 | 
            -
              }
         | 
| 11 | 
            -
            }
         |