From 53a27948ae3d11e7ae176fcf470c2b9c329282e1 Mon Sep 17 00:00:00 2001 From: Matt Brictson Date: Mon, 3 Sep 2018 17:29:10 -0700 Subject: [PATCH] Switch to un-prefixed radial-gradient syntax `radial-gradient` is now supported by all current browsers: https://caniuse.com/#search=radial-gradient Also, the `cover` keyword has been deprecated in favor of `farthest-corner`. This fixes the following autoprefixer warning: autoprefixer: xray-rails-0.3.1/app/assets/stylesheets/xray.css:42:3: Gradient has outdated direction syntax. Replace `cover` to `farthest-corner`. --- app/assets/stylesheets/xray.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/xray.css b/app/assets/stylesheets/xray.css index 84a5747..1727369 100644 --- a/app/assets/stylesheets/xray.css +++ b/app/assets/stylesheets/xray.css @@ -38,7 +38,7 @@ #xray-overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7); - background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.8) 100%); + background: radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.8) 100%); z-index: 9000; }