Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Removed linear and radial gradients from background-image mixin. Extr…
…acted out render-gradients function to seperate partial
  • Loading branch information
Phil LaPier committed Feb 20, 2012
1 parent 92ecae3 commit 9fd50d1
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 14 deletions.
1 change: 1 addition & 0 deletions app/assets/stylesheets/_bourbon.scss
Expand Up @@ -5,6 +5,7 @@
@import "functions/linear-gradient";
@import "functions/modular-scale";
@import "functions/radial-gradient";
@import "functions/render-gradients";
@import "functions/tint-shade";

// CSS3 Mixins
Expand Down
14 changes: 0 additions & 14 deletions app/assets/stylesheets/css3/_background-image.scss
Expand Up @@ -2,8 +2,6 @@
// Background-image property for adding multiple background images with
// gradients, or for stringing multiple gradients together.
//************************************************************************//
@import "../functions/linear-gradient";
@import "../functions/radial-gradient";

@mixin background-image(
$image-1 , $image-2: false,
Expand Down Expand Up @@ -50,18 +48,6 @@
}


@function render-gradients($gradients, $gradient-type, $vendor: false) {
$vendor-gradients: false;
@if $vendor {
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
}

@else if $vendor == false {
$vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
$vendor-gradients: unquote($vendor-gradients);
}
@return $vendor-gradients;
}

//Examples:
//@include background-image(linear-gradient(top, orange, red));
Expand Down
14 changes: 14 additions & 0 deletions app/assets/stylesheets/functions/_render-gradients.scss
@@ -0,0 +1,14 @@
// User for linear and radial gradients within background-image or border-image properties

@function render-gradients($gradients, $gradient-type, $vendor: false) {
$vendor-gradients: false;
@if $vendor {
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
}

@else if $vendor == false {
$vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
$vendor-gradients: unquote($vendor-gradients);
}
@return $vendor-gradients;
}

0 comments on commit 9fd50d1

Please sign in to comment.