From 10545d41cc3d5d18b964d80182676ef6770f11d3 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 28 Jun 2016 12:34:23 +0200 Subject: [PATCH] simplify control styling using currentColor --- css/reveal.css | 6 ++++-- css/reveal.scss | 4 +++- css/theme/beige.css | 5 ++--- css/theme/black.css | 5 ++--- css/theme/blood.css | 5 ++--- css/theme/league.css | 5 ++--- css/theme/moon.css | 5 ++--- css/theme/night.css | 5 ++--- css/theme/serif.css | 5 ++--- css/theme/simple.css | 5 ++--- css/theme/sky.css | 5 ++--- css/theme/solarized.css | 5 ++--- css/theme/template/theme.scss | 5 ++--- css/theme/white.css | 5 ++--- 14 files changed, 31 insertions(+), 39 deletions(-) diff --git a/css/reveal.css b/css/reveal.css index 526006b..3de6695 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -196,7 +196,8 @@ body { right: 0; bottom: 0; left: 0; - z-index: 1; } + z-index: 1; + color: #fff; } .reveal .controls button { position: absolute; padding: 0; @@ -206,6 +207,7 @@ body { border: 0; outline: 0; cursor: pointer; + color: currentColor; -webkit-transform: scale(0.9999); transform: scale(0.9999); -webkit-transition: all 0.2s ease; @@ -224,7 +226,7 @@ body { width: 30px; height: 5px; border-radius: 2.5px; - background-color: #fff; + background-color: currentColor; -webkit-transition: all 0.15s ease, background-color 0.8s ease; transition: all 0.15s ease, background-color 0.8s ease; -webkit-transform-origin: 2.5px 50%; diff --git a/css/reveal.scss b/css/reveal.scss index 3127453..f76fb82 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -261,6 +261,7 @@ body { bottom: 0; left: 0; z-index: 1; + color: #fff; button { position: absolute; @@ -271,6 +272,7 @@ body { border: 0; outline: 0; cursor: pointer; + color: currentColor; transform: scale(.9999); transition: all 0.2s ease; z-index: 2; // above slides @@ -291,7 +293,7 @@ body { width: $length; height: $thickness; border-radius: $thickness/2; - background-color: #fff; + background-color: currentColor; transition: all 0.15s ease, background-color 0.8s ease; transform-origin: $thickness/2 50%; diff --git a/css/theme/beige.css b/css/theme/beige.css index 3e11649..aa3500f 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -255,9 +255,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #8b743d; } +.reveal .controls { + color: #8b743d; } /********************************************* * PROGRESS BAR diff --git a/css/theme/black.css b/css/theme/black.css index 6106a33..7d6b396 100644 --- a/css/theme/black.css +++ b/css/theme/black.css @@ -251,9 +251,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #42affa; } +.reveal .controls { + color: #42affa; } /********************************************* * PROGRESS BAR diff --git a/css/theme/blood.css b/css/theme/blood.css index b3753fb..d65a9d6 100644 --- a/css/theme/blood.css +++ b/css/theme/blood.css @@ -254,9 +254,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #a23; } +.reveal .controls { + color: #a23; } /********************************************* * PROGRESS BAR diff --git a/css/theme/league.css b/css/theme/league.css index bce492c..118557a 100644 --- a/css/theme/league.css +++ b/css/theme/league.css @@ -257,9 +257,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #13DAEC; } +.reveal .controls { + color: #13DAEC; } /********************************************* * PROGRESS BAR diff --git a/css/theme/moon.css b/css/theme/moon.css index e12fca1..6847868 100644 --- a/css/theme/moon.css +++ b/css/theme/moon.css @@ -255,9 +255,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #268bd2; } +.reveal .controls { + color: #268bd2; } /********************************************* * PROGRESS BAR diff --git a/css/theme/night.css b/css/theme/night.css index f6796b3..1cc0f84 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -249,9 +249,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #e7ad52; } +.reveal .controls { + color: #e7ad52; } /********************************************* * PROGRESS BAR diff --git a/css/theme/serif.css b/css/theme/serif.css index b426a66..1a555d9 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -251,9 +251,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #51483D; } +.reveal .controls { + color: #51483D; } /********************************************* * PROGRESS BAR diff --git a/css/theme/simple.css b/css/theme/simple.css index fd24092..92e3294 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -254,9 +254,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #00008B; } +.reveal .controls { + color: #00008B; } /********************************************* * PROGRESS BAR diff --git a/css/theme/sky.css b/css/theme/sky.css index 881f2fd..1425ccd 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -258,9 +258,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #3b759e; } +.reveal .controls { + color: #3b759e; } /********************************************* * PROGRESS BAR diff --git a/css/theme/solarized.css b/css/theme/solarized.css index b20d22a..f7c27fe 100644 --- a/css/theme/solarized.css +++ b/css/theme/solarized.css @@ -255,9 +255,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #268bd2; } +.reveal .controls { + color: #268bd2; } /********************************************* * PROGRESS BAR diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index fb116fc..bd23212 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -297,9 +297,8 @@ body { * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: $linkColor; +.reveal .controls { + color: $linkColor; } diff --git a/css/theme/white.css b/css/theme/white.css index 299d9ff..14a8610 100644 --- a/css/theme/white.css +++ b/css/theme/white.css @@ -251,9 +251,8 @@ body { /********************************************* * NAVIGATION CONTROLS *********************************************/ -.reveal .controls button:before, -.reveal .controls button:after { - background-color: #2a76dd; } +.reveal .controls { + color: #2a76dd; } /********************************************* * PROGRESS BAR