From 71122e1f64993a029fc1c1cade0334fde30c91e8 Mon Sep 17 00:00:00 2001 From: Gabriele Cirulli Date: Wed, 5 Mar 2014 17:35:55 +0100 Subject: [PATCH] reduce glow opacity --- style/main.css | 14 +++++++------- style/main.scss | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/style/main.css b/style/main.css index a43439d..437c8ce 100644 --- a/style/main.css +++ b/style/main.css @@ -151,31 +151,31 @@ h1 { box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0); } .tile.tile-32 { background: #edd695; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.09524), inset 0 0 0 1px rgba(255, 255, 255, 0.04762); } + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.07937), inset 0 0 0 1px rgba(255, 255, 255, 0.04762); } .tile.tile-64 { background: #edd384; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.19048), inset 0 0 0 1px rgba(255, 255, 255, 0.09524); } + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.15873), inset 0 0 0 1px rgba(255, 255, 255, 0.09524); } .tile.tile-128 { background: #edcf72; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.28571), inset 0 0 0 1px rgba(255, 255, 255, 0.14286); + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286); font-size: 45px; } .tile.tile-256 { background: #edcc61; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.38095), inset 0 0 0 1px rgba(255, 255, 255, 0.19048); + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048); color: #ede9e5; font-size: 45px; } .tile.tile-512 { background: #edc850; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.2381); + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381); color: #f9f6f2; font-size: 45px; } .tile.tile-1024 { background: #edc53f; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.57143), inset 0 0 0 1px rgba(255, 255, 255, 0.28571); + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571); color: #f9f6f2; font-size: 35px; } .tile.tile-2048 { background: #edc22e; - box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.66667), inset 0 0 0 1px rgba(255, 255, 255, 0.33333); + box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333); color: #f9f6f2; font-size: 35px; } diff --git a/style/main.scss b/style/main.scss index 62071e4..213c964 100644 --- a/style/main.scss +++ b/style/main.scss @@ -135,7 +135,7 @@ h1 { &.tile-#{$power} { background: mix($tile-gold-color, $tile-color, $gold-percent); - box-shadow: 0 0 30px 10px rgba($tile-gold-glow-color, $glow-opacity / 1.5), + box-shadow: 0 0 30px 10px rgba($tile-gold-glow-color, $glow-opacity / 1.8), inset 0 0 0 1px rgba(white, $glow-opacity / 3); @if $exponent >= 8 { -- GitLab