Sha256: b6bc2689356fb563342f6e8981b5fe4533307ceca7f3589095d23241ba40eb77

Contents?: true

Size: 1.77 KB

Versions: 46

Compression:

Stored size: 1.77 KB

Contents

// Requires Sass 3.1+
@mixin radial-gradient($G1,        $G2,
                       $G3: false, $G4: false,
                       $G5: false, $G6: false,
                       $G7: false, $G8: false,
                       $G9: false, $G10: false,
                       $pos: null,
                       $shape-size: null,
                       $deprecated-pos1: center center,
                       $deprecated-pos2: center center,
                       $deprecated-radius1: 0,
                       $deprecated-radius2: 460,
                       $fallback: false) {

  $data: _radial-arg-parser($G1, $G2, $pos, $shape-size);
  $G1:  nth($data, 1);
  $G2:  nth($data, 2);
  $pos: nth($data, 3);
  $shape-size: nth($data, 4);

  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);

  // Strip deprecated cover/contain for spec
  $shape-size-spec: _shape-size-stripper($shape-size);

  // Set $G1 as the default fallback color
  $first-color: nth($full, 1);
  $fallback-color: nth($first-color, 1);

  @if (type-of($fallback) == color) or ($fallback == "transparent") {
    $fallback-color: $fallback;
  }

  // Add Commas and spaces
  $shape-size: if($shape-size, '#{$shape-size}, ', null);
  $pos:        if($pos, '#{$pos}, ', null);
  $pos-spec:   if($pos, 'at #{$pos}', null);
  $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} ');

  background-color:  $fallback-color;
  background-image: _deprecated-webkit-gradient(radial, $deprecated-pos1, $deprecated-pos2, $full, $deprecated-radius1, $deprecated-radius2); // Safari <= 5.0 && IOS 4
  background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full}));
  background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})");
}

Version data entries

46 entries across 46 versions & 8 rubygems

Version Path
daiblogs-0.2.1 _sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.2.0 _sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.1.5 _sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.1.4 _sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.1.2 assets/_sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.1.1 assets/_sass/bourbon/css3/_radial-gradient.scss
daiblogs-0.1.0 assets/_sass/bourbon/css3/_radial-gradient.scss
moovui-0.1.4 app/assets/stylesheets/bourbon/css3/_radial-gradient.scss
stump-cli-0.1.3 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/css3/_radial-gradient.scss
stump-cli-0.1.2 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/css3/_radial-gradient.scss
moovui-0.1.3 app/assets/stylesheets/bourbon/css3/_radial-gradient.scss
moovui-0.1.2 app/assets/stylesheets/bourbon/css3/_radial-gradient.scss
moovui-0.1.1 app/assets/stylesheets/bourbon/css3/_radial-gradient.scss
moovui-0.0.2 bourbon/css3/_radial-gradient.scss
moovui-0.0.1 bourbon/css3/_radial-gradient.scss
stump-cli-0.1.1 lib/wp/wp-content/themes/stump/assets/vendor/manhattan/bourbon/css3/_radial-gradient.scss
blogelator-0.2.5 vendor/assets/stylesheets/blogelator/bourbon/css3/_radial-gradient.scss
blocky-0.0.11 vendor/assets/stylesheets/blocky/bourbon/css3/_radial-gradient.scss
blogelator-0.2.4 vendor/assets/stylesheets/blogelator/bourbon/css3/_radial-gradient.scss
blocky-0.0.10 vendor/assets/stylesheets/blocky/bourbon/css3/_radial-gradient.scss