diff --git a/app/assets/stylesheets/css3/_linear-gradient.scss b/app/assets/stylesheets/css3/_linear-gradient.scss
index 0b6850171..e366a299a 100644
--- a/app/assets/stylesheets/css3/_linear-gradient.scss
+++ b/app/assets/stylesheets/css3/_linear-gradient.scss
@@ -20,7 +20,7 @@
   $fallback-color: nth($G1, 1);
 
   // If $fallback is a color use that color as the fallback color
-  @if type-of($fallback) == color {
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
     $fallback-color: $fallback;
   }
 
diff --git a/app/assets/stylesheets/css3/_radial-gradient.scss b/app/assets/stylesheets/css3/_radial-gradient.scss
index c4a53a378..e83cab523 100644
--- a/app/assets/stylesheets/css3/_radial-gradient.scss
+++ b/app/assets/stylesheets/css3/_radial-gradient.scss
@@ -13,7 +13,7 @@
   $fallback-color: nth($G1, 1);
 
   // If $fallback is a color use that color as the fallback color
-  @if type-of($fallback) == color {
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
     $fallback-color: $fallback;
   }