@csdsesystems/central-styles 1.0.2 → 1.0.4

package/sass/bourbon/helpers/_radial-arg-parser.scss

@@ -1,69 +0,0 @@
-@function _radial-arg-parser($g1, $g2, $pos, $shape-size) {
-  @each $value in $g1, $g2 {
-    $first-val: nth($value, 1);
-    $pos-type:  type-of($first-val);
-    $spec-at-index: null;
-
-    // Determine if spec was passed to mixin
-    @if type-of($value) == list {
-      $spec-at-index: if(index($value, at), index($value, at), false);
-    }
-    @if $spec-at-index {
-      @if $spec-at-index > 1 {
-        @for $i from 1 through ($spec-at-index - 1) {
-          $shape-size: $shape-size nth($value, $i);
-        }
-        @for $i from ($spec-at-index + 1) through length($value) {
-          $pos: $pos nth($value, $i);
-        }
-      }
-      @else if $spec-at-index == 1 {
-        @for $i from ($spec-at-index + 1) through length($value) {
-          $pos: $pos nth($value, $i);
-        }
-      }
-      $g1: null;
-    }
-
-    // If not spec calculate correct values
-    @else {
-      @if ($pos-type != color) or ($first-val != "transparent") {
-        @if ($pos-type == number)
-        or ($first-val == "center")
-        or ($first-val == "top")
-        or ($first-val == "right")
-        or ($first-val == "bottom")
-        or ($first-val == "left") {
-
-          $pos: $value;
-
-          @if $pos == $g1 {
-            $g1: null;
-          }
-        }
-
-        @else if
-           ($first-val == "ellipse")
-        or ($first-val == "circle")
-        or ($first-val == "closest-side")
-        or ($first-val == "closest-corner")
-        or ($first-val == "farthest-side")
-        or ($first-val == "farthest-corner")
-        or ($first-val == "contain")
-        or ($first-val == "cover") {
-
-          $shape-size: $value;
-
-          @if $value == $g1 {
-            $g1: null;
-          }
-
-          @else if $value == $g2 {
-            $g2: null;
-          }
-        }
-      }
-    }
-  }
-  @return $g1, $g2, $pos, $shape-size;
-}

package/sass/bourbon/helpers/_radial-gradient-parser.scss

@@ -1,50 +0,0 @@
-@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, 1, $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;
-}

package/sass/bourbon/helpers/_radial-positions-parser.scss

@@ -1,18 +0,0 @@
-@function _radial-positions-parser($gradient-pos) {
-  $shape-size: nth($gradient-pos, 1);
-  $pos:        nth($gradient-pos, 2);
-  $shape-size-spec: _shape-size-stripper($shape-size);
-
-  $pre-spec: unquote(if($pos, "#{$pos}, ", null))
-             unquote(if($shape-size, "#{$shape-size},", null));
-  $pos-spec: if($pos, "at #{$pos}", null);
-
-  $spec: "#{$shape-size-spec} #{$pos-spec}";
-
-  // Add comma
-  @if ($spec != "  ") {
-    $spec: "#{$spec},";
-  }
-
-  @return $pre-spec $spec;
-}

package/sass/bourbon/helpers/_render-gradients.scss

@@ -1,26 +0,0 @@
-// User for linear and radial gradients within background-image or border-image properties
-
-@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
-  $pre-spec: null;
-  $spec: null;
-  $vendor-gradients: null;
-  @if $gradient-type == linear {
-    @if $gradient-positions {
-      $pre-spec: nth($gradient-positions, 1);
-      $spec:     nth($gradient-positions, 2);
-    }
-  }
-  @else if $gradient-type == radial {
-    $pre-spec: nth($gradient-positions, 1);
-    $spec:     nth($gradient-positions, 2);
-  }
-
-  @if $vendor {
-    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
-  }
-  @else if $vendor == false {
-    $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
-    $vendor-gradients: unquote($vendor-gradients);
-  }
-  @return $vendor-gradients;
-}

package/sass/bourbon/helpers/_shape-size-stripper.scss

@@ -1,10 +0,0 @@
-@function _shape-size-stripper($shape-size) {
-  $shape-size-spec: null;
-  @each $value in $shape-size {
-    @if ($value == "cover") or ($value == "contain") {
-      $value: null;
-    }
-    $shape-size-spec: "#{$shape-size-spec} #{$value}";
-  }
-  @return $shape-size-spec;
-}

package/sass/bourbon/helpers/_str-to-num.scss

@@ -1,50 +0,0 @@
-//************************************************************************//
-// 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);
-}

package/sass/bourbon/settings/_asset-pipeline.scss

@@ -1,7 +0,0 @@
-@charset "UTF-8";
-
-/// A global setting to enable or disable the `$asset-pipeline` variable for all functions that accept it.
-///
-/// @type Bool
-
-$asset-pipeline: false !default;

package/sass/bourbon/settings/_prefixer.scss

@@ -1,9 +0,0 @@
-@charset "UTF-8";
-
-/// Global variables to enable or disable vendor prefixes
-
-$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;

package/sass/bourbon/settings/_px-to-em.scss

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

package/sass/components/_alerts.scss

@@ -1,300 +0,0 @@
-.alert-small {
-    padding: 10px;
-}
-
-.alert-group {
-    .alert {
-        margin-bottom: 10px;
-    }
-    .alert:last-child {
-        margin-bottom: 20px;
-    }
-}
-
-.alert-warning,
-.alert-yellow {
-    color: $mustard;
-    border-color: lighten($mustard, 31%);
-    background-color: lighten($mustard, 45%);
-
-    a {
-        border-bottom: 1px solid lighten($mustard, 31%);
-        color: $mustard;
-
-        &:hover {
-            border-bottom: 1px solid $mustard;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-green, 
-.alert-success {
-    background-color: lighten($green, 57%);
-    color: $green;
-    border: 1px solid #8DC3A7;
-
-    a {
-        border-bottom: 1px solid lighten($green, 31%);
-        color: $green;
-
-        &:hover {
-            border-bottom: 1px solid $green;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-danger,
-.alert-red {
-    color: $red;
-    border-color: lighten($red, 37%);
-    background-color: lighten($red, 47%); 
-
-    a {
-        border-bottom: 1px solid lighten($red, 31%);
-        color: $red;
-
-        &:hover {
-            border-bottom: 1px solid $red;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-grey {
-	color: $grey;
-	border-color: lighten($grey, 31%);
-	background-color: lighten($grey, 45%);
-
-    a {
-        border-bottom: 1px solid lighten($grey, 31%);
-        color: $grey;
-
-        &:hover {
-            border-bottom: 1px solid $grey;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-cancelled {
-    color: $grey;
-    border-color: lighten($grey, 31%);
-    background-color: #FFF;
-    background-image: repeating-linear-gradient(
-        135deg, 
-        transparent, 
-        transparent 5px, 
-        rgba(50,50,50,.045) 5px, 
-        rgba(50,50,50,.045) 10px
-    );
-    a {
-        border-bottom: 1px solid lighten($grey, 31%);
-        color: $grey;
-
-        &:hover {
-            border-bottom: 1px solid $grey;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-pink {
-    color: $pink;
-    border-color: $pink;
-    background-color: lighten($pink, 35%);
-    border: 1px solid;    
-
-    a {
-        border-bottom: 1px solid lighten($pink, 31%);
-        color: $pink;
-
-        &:hover {
-            border-bottom: 1px solid $pink;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-info {
-    color: $info;
-    border-color: $info;
-    background-color: lighten($info, 47%);
-    border: 1px solid;
-    
-    a {
-        border-bottom: 1px solid lighten($info, 31%);
-        color: $info;
-
-        &:hover {
-            border-bottom: 1px solid $info;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-note {
-    color: $text-color;
-    background-color: $light-accent-color;
-    border: 1px solid darken($light-accent-color, 15%);
-    
-    a {
-        border-bottom: 1px solid lighten($accent-color, 15%);
-        color: $accent-color;
-
-        &:hover {
-            border-bottom: 1px solid $accent-color;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-orange {
-    color: $orange;
-    border-color: $orange;
-    border: 1px solid;
-    background-color: lighten($orange, 40%);
-
-    a {
-        border-bottom: 1px solid lighten($orange, 31%);
-        color: $orange;
-
-        &:hover {
-            color: $orange !important;
-            border-bottom: 1px solid $orange;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-grey-outline {
-    color: $grey;
-    border-color: lighten($grey, 40%);
-    background-color: transparent;
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-.alert-green-outline {
-    border-color: $green;
-    background-color: transparent;
-}
-
-.alert-lightgrey {
-    color: $grey;
-    border: 0px;
-    background-color: #F2F2F2;
-}
-
-.alert-purple {
-    color: $purple;
-    border-color: $purple;
-    border: 1px solid;
-
-    background-color: lighten($purple, 40%);
-
-    a {
-        border-bottom: 1px solid lighten($purple, 31%);
-        color: $purple;
-
-        &:hover {
-            color: $purple !important;
-            border-bottom: 1px solid $purple;
-        }
-    }
-
-    a.btn {
-        color: white;
-        border-bottom: 0;
-        &:hover {
-            border-bottom: 0;
-        }
-    }
-}
-
-
-.alert-navy {
-    background-color: $accent-color;
-    color: #FFF;
-    padding: 40px 50px;
-
-    h2 {
-        margin-top: 0px;
-    }
-
-    p {
-        color: #FFF;
-    }
-}
-
-