Update and rename styles.css to style.css

Rakesh9100 · Aug 2, 2024 · 87f77ee · 87f77ee
1 parent 0756be0
commit 87f77ee
Showing 1 changed file with 24 additions and 22 deletions.
diff --git a/...s/Buttons/Delete-Effect-Button/styles.css → ...ts/Buttons/Delete-Effect-Button/style.css b/...s/Buttons/Delete-Effect-Button/styles.css → ...ts/Buttons/Delete-Effect-Button/style.css
@@ -1,10 +1,13 @@
-html, body {
+html,
+body {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0;
-    background-color: #f0f0f0; 
+    background-color: #f0f0f0;
+}
+
 .button {
     width: 50px;
     height: 50px;
@@ -20,44 +23,43 @@ html, body {
     transition-duration: .3s;
     overflow: hidden;
     position: relative;
-  }
-  
-  .svgIcon {
+}
+
+.svgIcon {
     width: 12px;
     transition-duration: .3s;
-  }
-  
-  .svgIcon path {
+}
+
+.svgIcon path {
     fill: white;
-  }
-  
-  .button:hover {
+}
+
+.button:hover {
     width: 140px;
     border-radius: 50px;
     transition-duration: .3s;
     background-color: rgb(255, 69, 69);
     align-items: center;
-  }
-  
-  .button:hover .svgIcon {
+}
+
+.button:hover .svgIcon {
     width: 50px;
     transition-duration: .3s;
     transform: translateY(60%);
-  }
-  
-  .button::before {
+}
+
+.button::before {
     position: absolute;
     top: -20px;
     content: "Delete";
     color: white;
     transition-duration: .3s;
     font-size: 2px;
-  }
-  
-  .button:hover::before {
+}
+
+.button:hover::before {
     font-size: 13px;
     opacity: 1;
     transform: translateY(30px);
     transition-duration: .3s;
-  }
-
+}