Ver código fonte

simplify control styling using currentColor

Hakim El Hattab 8 anos atrás
pai
commit
10545d41cc

+ 4 - 2
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%;

+ 3 - 1
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%;

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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

+ 2 - 3
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;
 }
 
 

+ 2 - 3
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