Update sun.css sun opacities (#576)

Sun rays were missing on CRA production builds
HackRU · Sep 4, 2023 · ca637d2 · ca637d2
1 parent c87a74d
commit ca637d2
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/src/components/_Landing/assets/sun/sun.css b/src/components/_Landing/assets/sun/sun.css
@@ -24,7 +24,7 @@
   width: 300px;
   height: 300px;
   background-color: #c1e8da;
-  opacity: 30%;
+  opacity: 0.3;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
@@ -38,7 +38,7 @@
   width: 500px;
   height: 500px;
   background-color: #c1e8da;
-  opacity: 15%;
+  opacity: 0.15;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
@@ -51,7 +51,7 @@
   width: 700px;
   height: 700px;
   background-color: #c1e8da;
-  opacity: 10%;
+  opacity: 0.1;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
@@ -73,7 +73,7 @@
   transform-origin: bottom left;
   transform: rotate(deg);
   background: linear-gradient(to top, transparent 50%, #c1e8da);
-  opacity: 20%;
+  opacity: 0.2;
 }
 
 #ray2 {
@@ -89,7 +89,7 @@
   transform-origin: bottom left;
   transform: rotate(deg);
   background: linear-gradient(to top, transparent 60%, #c1e8da);
-  opacity: 20%;
+  opacity: 0.2;
 }
 
 #ray3 {
@@ -107,7 +107,7 @@
   transform-origin: bottom left;
   /* transform: rotate(deg); */
   background: linear-gradient(to top, transparent 80%, #c1e8da);
-  opacity: 20%;
+  opacity: 0.2;
 }
 
 
@@ -125,7 +125,7 @@
   transform-origin: bottom left;
   transform: rotate(-45deg);
   background: linear-gradient(to top, transparent 50%, #c1e8da);
-  opacity: 14%;
+  opacity: 0.14;
 }
 
 #ray5 {
@@ -141,7 +141,7 @@
   transform-origin: bottom left;
   transform: rotate(-45deg);
   background: linear-gradient(to top, transparent 50%, #c1e8da);
-  opacity: 20%;
+  opacity: 0.2;
 }
 
 #ray6 {
@@ -157,7 +157,7 @@
   transform-origin: bottom left;
   transform: rotate(-45deg);
   background: linear-gradient(to top, transparent 50%, #c1e8da);
-  opacity: 20%;
+  opacity: 0.2;
 }
 
 /* Start of Third Ray Styling (and sub-rays) */
@@ -175,5 +175,5 @@
   transform-origin: bottom left;
   transform: rotate(40deg);
   background: linear-gradient(to top, transparent 50%, #c1e8da);
-  opacity: 20%;
-}
+  opacity: 0.2;
+}