Disable gradient on safari

davidmerfield · Mar 31, 2021 · 200ef9d · 200ef9d
1 parent c27b2be
commit 200ef9d
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/app/templates/latest/magazine/css-theme.css b/app/templates/latest/magazine/css-theme.css
@@ -148,6 +148,15 @@ hr {
 
 .nav {overflow:hidden;}
 .nav a.no-wrap {width:1000%;text-decoration:none;}
+
+/* 
+
+   TODO enable once we support color manipulation functions 
+   We get an ugly gradient in safari when we don't use a fully 
+   transparent version of the {{background_color}}. See this:
+
+   https://css-tricks.com/thing-know-gradients-transparent-black/
+
 .nav:after {
   width:2rem;
   position:absolute;
@@ -162,6 +171,7 @@ hr {
   background: linear-gradient(to right,transparent,{{background_color}});
 }
 
+*/
 
 .no-border-5 a:nth-child(n+5) .bb {display:none}
 .no-border-4 a:nth-child(n+4) .bb {display:none}