uswds-jekyll 2.2.1 → 3.0.0

data/assets/uswds/scss/lib/css3/_border-image.scss

@@ -1,59 +0,0 @@
-@mixin border-image($borders...) {
-  $webkit-borders: ();
-  $spec-borders: ();
-
-  @each $border in $borders {
-    $webkit-border: ();
-    $spec-border: ();
-    $border-type: type-of($border);
-
-    @if $border-type == string or list {
-      $border-str: if($border-type == list, nth($border, 1), $border);
-
-      $url-str:       str-slice($border-str, 1, 3);
-      $gradient-type: str-slice($border-str, 1, 6);
-
-      @if $url-str == "url" {
-        $webkit-border: $border;
-        $spec-border:   $border;
-      }
-
-      @else if $gradient-type == "linear" {
-        $gradients: _linear-gradient-parser("#{$border}");
-        $webkit-border: map-get($gradients, webkit-image);
-        $spec-border:   map-get($gradients, spec-image);
-      }
-
-      @else if $gradient-type == "radial" {
-        $gradients: _radial-gradient-parser("#{$border}");
-        $webkit-border: map-get($gradients, webkit-image);
-        $spec-border:   map-get($gradients, spec-image);
-      }
-
-      @else {
-        $webkit-border: $border;
-        $spec-border:   $border;
-      }
-    }
-
-    @else {
-      $webkit-border: $border;
-      $spec-border:   $border;
-    }
-
-    $webkit-borders: append($webkit-borders, $webkit-border, comma);
-    $spec-borders:   append($spec-borders,   $spec-border,   comma);
-  }
-
-  -webkit-border-image: $webkit-borders;
-          border-image: $spec-borders;
-          border-style: solid;
-}
-
-//Examples:
-// @include border-image(url("image.png"));
-// @include border-image(url("image.png") 20 stretch);
-// @include border-image(linear-gradient(45deg, orange, yellow));
-// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
-// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
-// @include border-image(radial-gradient(top, cover, orange, yellow, orange));

data/assets/uswds/scss/lib/css3/_calc.scss

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

data/assets/uswds/scss/lib/css3/_columns.scss

@@ -1,47 +0,0 @@
-@mixin columns($arg: auto) {
-  // <column-count> || <column-width>
-  @include prefixer(columns, $arg, webkit moz spec);
-}
-
-@mixin column-count($int: auto) {
-  // auto || integer
-  @include prefixer(column-count, $int, webkit moz spec);
-}
-
-@mixin column-gap($length: normal) {
-  // normal || length
-  @include prefixer(column-gap, $length, webkit moz spec);
-}
-
-@mixin column-fill($arg: auto) {
-  // auto || length
-  @include prefixer(column-fill, $arg, webkit moz spec);
-}
-
-@mixin column-rule($arg) {
-  // <border-width> || <border-style> || <color>
-  @include prefixer(column-rule, $arg, webkit moz spec);
-}
-
-@mixin column-rule-color($color) {
-  @include prefixer(column-rule-color, $color, webkit moz spec);
-}
-
-@mixin column-rule-style($style: none) {
-  // none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
-  @include prefixer(column-rule-style, $style, webkit moz spec);
-}
-
-@mixin column-rule-width ($width: none) {
-  @include prefixer(column-rule-width, $width, webkit moz spec);
-}
-
-@mixin column-span($arg: none) {
-  // none || all
-  @include prefixer(column-span, $arg, webkit moz spec);
-}
-
-@mixin column-width($length: auto) {
-  // auto || length
-  @include prefixer(column-width, $length, webkit moz spec);
-}

data/assets/uswds/scss/lib/css3/_filter.scss

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

data/assets/uswds/scss/lib/css3/_flex-box.scss

@@ -1,287 +0,0 @@
-// CSS3 Flexible Box Model and property defaults
-
-// Custom shorthand notation for flexbox
-@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
-  @include display-box;
-  @include box-orient($orient);
-  @include box-pack($pack);
-  @include box-align($align);
-}
-
-@mixin display-box {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox; // IE 10
-  display: box;
-}
-
-@mixin box-orient($orient: inline-axis) {
-// horizontal|vertical|inline-axis|block-axis|inherit
-  @include prefixer(box-orient, $orient, webkit moz spec);
-}
-
-@mixin box-pack($pack: start) {
-// start|end|center|justify
-  @include prefixer(box-pack, $pack, webkit moz spec);
-  -ms-flex-pack: $pack; // IE 10
-}
-
-@mixin box-align($align: stretch) {
-// start|end|center|baseline|stretch
-  @include prefixer(box-align, $align, webkit moz spec);
-  -ms-flex-align: $align; // IE 10
-}
-
-@mixin box-direction($direction: normal) {
-// normal|reverse|inherit
-  @include prefixer(box-direction, $direction, webkit moz spec);
-  -ms-flex-direction: $direction; // IE 10
-}
-
-@mixin box-lines($lines: single) {
-// single|multiple
-  @include prefixer(box-lines, $lines, webkit moz spec);
-}
-
-@mixin box-ordinal-group($int: 1) {
-  @include prefixer(box-ordinal-group, $int, webkit moz spec);
-  -ms-flex-order: $int; // IE 10
-}
-
-@mixin box-flex($value: 0) {
-  @include prefixer(box-flex, $value, webkit moz spec);
-  -ms-flex: $value; // IE 10
-}
-
-@mixin box-flex-group($int: 1) {
-  @include prefixer(box-flex-group, $int, webkit moz spec);
-}
-
-// CSS3 Flexible Box Model and property defaults
-// Unified attributes for 2009, 2011, and 2012 flavours.
-
-// 2009 - display (box | inline-box)
-// 2011 - display (flexbox | inline-flexbox)
-// 2012 - display (flex | inline-flex)
-@mixin display($value) {
-// flex | inline-flex
-  @if $value == "flex" {
-    // 2009
-    display: -webkit-box;
-    display: -moz-box;
-    display: box;
-
-    // 2012
-    display: -webkit-flex;
-    display: -moz-flex;
-    display: -ms-flexbox; // 2011 (IE 10)
-    display: flex;
-  } @else if $value == "inline-flex" {
-    display: -webkit-inline-box;
-    display: -moz-inline-box;
-    display: inline-box;
-
-    display: -webkit-inline-flex;
-    display: -moz-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-  } @else {
-    display: $value;
-  }
-}
-
-// 2009 - box-flex (integer)
-// 2011 - flex (decimal | width decimal)
-// 2012 - flex (integer integer width)
-@mixin flex($value) {
-
-  // Grab flex-grow for older browsers.
-  $flex-grow: nth($value, 1);
-
-  // 2009
-  @include prefixer(box-flex, $flex-grow, webkit moz spec);
-
-  // 2011 (IE 10), 2012
-  @include prefixer(flex, $value, webkit moz ms spec);
-}
-
-// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
-//      - box-direction (normal | reverse)
-// 2011 - flex-direction (row | row-reverse | column | column-reverse)
-// 2012 - flex-direction (row | row-reverse | column | column-reverse)
-@mixin flex-direction($value: row) {
-
-  // Alt values.
-  $value-2009: $value;
-  $value-2011: $value;
-  $direction: normal;
-
-  @if $value == row {
-    $value-2009: horizontal;
-  } @else if $value == "row-reverse" {
-    $value-2009: horizontal;
-    $direction: reverse;
-  } @else if $value == column {
-    $value-2009: vertical;
-  } @else if $value == "column-reverse" {
-    $value-2009: vertical;
-    $direction: reverse;
-  }
-
-  // 2009
-  @include prefixer(box-orient, $value-2009, webkit moz spec);
-  @include prefixer(box-direction, $direction, webkit moz spec);
-
-  // 2012
-  @include prefixer(flex-direction, $value, webkit moz spec);
-
-  // 2011 (IE 10)
-  -ms-flex-direction: $value;
-}
-
-// 2009 - box-lines (single | multiple)
-// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
-// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
-@mixin flex-wrap($value: nowrap) {
-  // Alt values
-  $alt-value: $value;
-  @if $value == nowrap {
-    $alt-value: single;
-  } @else if $value == wrap {
-    $alt-value: multiple;
-  } @else if $value == "wrap-reverse" {
-    $alt-value: multiple;
-  }
-
-  @include prefixer(box-lines, $alt-value, webkit moz spec);
-  @include prefixer(flex-wrap, $value, webkit moz ms spec);
-}
-
-// 2009 - TODO: parse values into flex-direction/flex-wrap
-// 2011 - TODO: parse values into flex-direction/flex-wrap
-// 2012 - flex-flow (flex-direction || flex-wrap)
-@mixin flex-flow($value) {
-  @include prefixer(flex-flow, $value, webkit moz spec);
-}
-
-// 2009 - box-ordinal-group (integer)
-// 2011 - flex-order (integer)
-// 2012 - order (integer)
-@mixin order($int: 0) {
-  // 2009
-  @include prefixer(box-ordinal-group, $int, webkit moz spec);
-
-  // 2012
-  @include prefixer(order, $int, webkit moz spec);
-
-  // 2011 (IE 10)
-  -ms-flex-order: $int;
-}
-
-// 2012 - flex-grow (number)
-@mixin flex-grow($number: 0) {
-  @include prefixer(flex-grow, $number, webkit moz spec);
-  -ms-flex-positive: $number;
-}
-
-// 2012 - flex-shrink (number)
-@mixin flex-shrink($number: 1) {
-  @include prefixer(flex-shrink, $number, webkit moz spec);
-  -ms-flex-negative: $number;
-}
-
-// 2012 - flex-basis (number)
-@mixin flex-basis($width: auto) {
-  @include prefixer(flex-basis, $width, webkit moz spec);
-  -ms-flex-preferred-size: $width;
-}
-
-// 2009 - box-pack (start | end | center | justify)
-// 2011 - flex-pack (start | end | center | justify)
-// 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
-@mixin justify-content($value: flex-start) {
-
-  // Alt values.
-  $alt-value: $value;
-  @if $value == "flex-start" {
-    $alt-value: start;
-  } @else if $value == "flex-end" {
-    $alt-value: end;
-  } @else if $value == "space-between" {
-    $alt-value: justify;
-  } @else if $value == "space-around" {
-    $alt-value: distribute;
-  }
-
-  // 2009
-  @include prefixer(box-pack, $alt-value, webkit moz spec);
-
-  // 2012
-  @include prefixer(justify-content, $value, webkit moz ms o spec);
-
-  // 2011 (IE 10)
-  -ms-flex-pack: $alt-value;
-}
-
-// 2009 - box-align (start | end | center | baseline | stretch)
-// 2011 - flex-align (start | end | center | baseline | stretch)
-// 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
-@mixin align-items($value: stretch) {
-
-  $alt-value: $value;
-
-  @if $value == "flex-start" {
-    $alt-value: start;
-  } @else if $value == "flex-end" {
-    $alt-value: end;
-  }
-
-  // 2009
-  @include prefixer(box-align, $alt-value, webkit moz spec);
-
-  // 2012
-  @include prefixer(align-items, $value, webkit moz ms o spec);
-
-  // 2011 (IE 10)
-  -ms-flex-align: $alt-value;
-}
-
-// 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
-// 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
-@mixin align-self($value: auto) {
-
-  $value-2011: $value;
-  @if $value == "flex-start" {
-    $value-2011: start;
-  } @else if $value == "flex-end" {
-    $value-2011: end;
-  }
-
-  // 2012
-  @include prefixer(align-self, $value, webkit moz spec);
-
-  // 2011 (IE 10)
-  -ms-flex-item-align: $value-2011;
-}
-
-// 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
-// 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
-@mixin align-content($value: stretch) {
-
-  $value-2011: $value;
-  @if $value == "flex-start" {
-    $value-2011: start;
-  } @else if $value == "flex-end" {
-    $value-2011: end;
-  } @else if $value == "space-between" {
-    $value-2011: justify;
-  } @else if $value == "space-around" {
-    $value-2011: distribute;
-  }
-
-  // 2012
-  @include prefixer(align-content, $value, webkit moz spec);
-
-  // 2011 (IE 10)
-  -ms-flex-line-pack: $value-2011;
-}

data/assets/uswds/scss/lib/css3/_font-face.scss

@@ -1,24 +0,0 @@
-@mixin font-face(
-  $font-family,
-  $file-path,
-  $weight: normal,
-  $style: normal,
-  $asset-pipeline: $asset-pipeline,
-  $file-formats: eot woff2 woff ttf svg) {
-
-  $font-url-prefix: font-url-prefixer($asset-pipeline);
-
-  @font-face {
-    font-family: $font-family;
-    font-style: $style;
-    font-weight: $weight;
-
-    src: font-source-declaration(
-      $font-family,
-      $file-path,
-      $asset-pipeline,
-      $file-formats,
-      $font-url-prefix
-    );
-  }
-}

data/assets/uswds/scss/lib/css3/_font-feature-settings.scss

@@ -1,4 +0,0 @@
-@mixin font-feature-settings($settings...) {
-  @if length($settings) == 0 { $settings: none; }
-  @include prefixer(font-feature-settings, $settings, webkit moz ms spec);
-}

data/assets/uswds/scss/lib/css3/_hidpi-media-query.scss

@@ -1,10 +0,0 @@
-// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
-@mixin hidpi($ratio: 1.3) {
-  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
-  only screen and (min--moz-device-pixel-ratio: $ratio),
-  only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
-  only screen and (min-resolution: round($ratio * 96dpi)),
-  only screen and (min-resolution: $ratio * 1dppx) {
-    @content;
-  }
-}