add multiple browswer support to linear gradient

theonion · Jul 11, 2016 · 9c7d393 · 9c7d393
1 parent 8b53e22
commit 9c7d393
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/bulbs/styles/static/styles/bulbs-styles/mixins/multi-line-truncate.scss b/bulbs/styles/static/styles/bulbs-styles/mixins/multi-line-truncate.scss
@@ -11,11 +11,14 @@
   position: relative;
   &:after {
     background: linear-gradient(to right, rgba(255, 255, 255, 0), $bg-color 50%);
+    background: -webkit-gradient(to right, rgba(255, 255, 255, 0), $bg-color 50%);
+    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), $bg-color 50%);
+    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), $bg-color 50%);
     content: '';
     height: $lineHeight;
     position: absolute;
     bottom: 0;
     right: 0;
     width: 30%;
   }
-}
+}