use nesting for fragment styles

1 files changed, 31 insertions, 40 deletions

diff --git a/css/reveal.css b/css/reveal.css
index beb244e..ed380ab 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -51,70 +51,67 @@ body {
   visibility: hidden;
   -webkit-transition: all 0.2s ease;
           transition: all 0.2s ease; }
-
-.reveal .slides section .fragment.visible {
-  opacity: 1;
-  visibility: visible; }
+  .reveal .slides section .fragment.visible {
+    opacity: 1;
+    visibility: visible; }
 
 .reveal .slides section .fragment.grow {
   opacity: 1;
   visibility: visible; }
-
-.reveal .slides section .fragment.grow.visible {
-  -webkit-transform: scale(1.3);
-      -ms-transform: scale(1.3);
-          transform: scale(1.3); }
+  .reveal .slides section .fragment.grow.visible {
+    -webkit-transform: scale(1.3);
+        -ms-transform: scale(1.3);
+            transform: scale(1.3); }
 
 .reveal .slides section .fragment.shrink {
   opacity: 1;
   visibility: visible; }
-
-.reveal .slides section .fragment.shrink.visible {
-  -webkit-transform: scale(0.7);
-      -ms-transform: scale(0.7);
-          transform: scale(0.7); }
+  .reveal .slides section .fragment.shrink.visible {
+    -webkit-transform: scale(0.7);
+        -ms-transform: scale(0.7);
+            transform: scale(0.7); }
 
 .reveal .slides section .fragment.zoom-in {
   -webkit-transform: scale(0.1);
       -ms-transform: scale(0.1);
           transform: scale(0.1); }
-
-.reveal .slides section .fragment.zoom-in.visible {
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1); }
+  .reveal .slides section .fragment.zoom-in.visible {
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1); }
 
 .reveal .slides section .fragment.roll-in {
   -webkit-transform: rotateX(90deg);
           transform: rotateX(90deg); }
-
-.reveal .slides section .fragment.roll-in.visible {
-  -webkit-transform: rotateX(0);
-          transform: rotateX(0); }
+  .reveal .slides section .fragment.roll-in.visible {
+    -webkit-transform: rotateX(0);
+            transform: rotateX(0); }
 
 .reveal .slides section .fragment.fade-out {
   opacity: 1;
   visibility: visible; }
-
-.reveal .slides section .fragment.fade-out.visible {
-  opacity: 0;
-  visibility: hidden; }
+  .reveal .slides section .fragment.fade-out.visible {
+    opacity: 0;
+    visibility: hidden; }
 
 .reveal .slides section .fragment.semi-fade-out {
   opacity: 1;
   visibility: visible; }
+  .reveal .slides section .fragment.semi-fade-out.visible {
+    opacity: 0.5;
+    visibility: visible; }
 
-.reveal .slides section .fragment.semi-fade-out.visible {
-  opacity: 0.5;
-  visibility: visible; }
+.reveal .slides section .fragment.strike {
+  opacity: 1; }
+  .reveal .slides section .fragment.strike.visible {
+    text-decoration: line-through; }
 
 .reveal .slides section .fragment.current-visible {
   opacity: 0;
   visibility: hidden; }
-
-.reveal .slides section .fragment.current-visible.current-fragment {
-  opacity: 1;
-  visibility: visible; }
+  .reveal .slides section .fragment.current-visible.current-fragment {
+    opacity: 1;
+    visibility: visible; }
 
 .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
   opacity: 1;
@@ -138,12 +135,6 @@ body {
 .reveal .slides section .fragment.highlight-current-blue.current-fragment {
   color: #1b91ff; }
 
-.reveal .slides section .fragment.strike {
-  opacity: 1; }
-
-.reveal .slides section .fragment.strike.visible {
-  text-decoration: line-through; }
-
 /*********************************************
  * DEFAULT ELEMENT STYLES
  *********************************************/