aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2016-06-28 12:34:23 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-16 09:45:37 +0200
commit10545d41cc3d5d18b964d80182676ef6770f11d3 (patch)
tree62a83b3b27697744f7d46d8c813921db126c1e74
parent21554157677db983459850493c6075b29beae29f (diff)
downloadfosdem-2018-presentation-10545d41cc3d5d18b964d80182676ef6770f11d3.tar
fosdem-2018-presentation-10545d41cc3d5d18b964d80182676ef6770f11d3.tar.gz
simplify control styling using currentColor
-rw-r--r--css/reveal.css6
-rw-r--r--css/reveal.scss4
-rw-r--r--css/theme/beige.css5
-rw-r--r--css/theme/black.css5
-rw-r--r--css/theme/blood.css5
-rw-r--r--css/theme/league.css5
-rw-r--r--css/theme/moon.css5
-rw-r--r--css/theme/night.css5
-rw-r--r--css/theme/serif.css5
-rw-r--r--css/theme/simple.css5
-rw-r--r--css/theme/sky.css5
-rw-r--r--css/theme/solarized.css5
-rw-r--r--css/theme/template/theme.scss5
-rw-r--r--css/theme/white.css5
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