Fix loader issue

perryyo · Apr 29, 2018 · 7cd368a · 7cd368a
1 parent f08d79c
commit 7cd368a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
   <body>
     <div id="react_root"></div>
     <div class="loader-container">
-      <div class="loader">
+      <div class="nuclear-loader">
         <span></span>
         <span></span>
         <span></span>

diff --git a/index.prod.html b/index.prod.html
@@ -22,7 +22,7 @@
 
   <div id="react_root"></div>
   <div class="loader-container">
-    <div class="loader">
+    <div class="nuclear-loader">
       <span></span>
       <span></span>
       <span></span>

diff --git a/loader.css b/loader.css
@@ -13,7 +13,7 @@ body {
   z-index: -1;
 }
 
-.loader {
+.nuclear-loader {
   position: relative;
   display: flex;
   flex-flow: column;
@@ -40,7 +40,7 @@ body {
   }
 }
 
-.loader>span {
+.nuclear-loader>span {
   position: absolute;
   width: 0;
   height: 0;
@@ -49,18 +49,18 @@ body {
   border-right: 3rem solid transparent;
 }
 
-.loader>span:nth-child(1) {
+.nuclear-loader>span:nth-child(1) {
   right: 4.5rem;
   top: 3.5rem;
 }
 
-.loader>span:nth-child(2) {
+.nuclear-loader>span:nth-child(2) {
   right: 7.5rem;
   bottom: 3.5rem;
 
 }
 
-.loader>span:nth-child(3) {
+.nuclear-loader>span:nth-child(3) {
   left: 7.5rem;
   bottom: 3.5rem;
 }