linting

Author: Ciphrox

src/assets/styles/varnmala/number.css

@@ -92,7 +92,9 @@
     border: 1px solid var(--border);
     border-radius: 0.5rem;
     box-shadow: 0 4px 12px color-mix(in srgb, var(--text) 15%, transparent);
-    transition: opacity 0.2s, visibility 0.2s;
+    transition:
+      opacity 0.2s,
+      visibility 0.2s;
     display: flex;
     align-items: flex-end;
     justify-content: center;

src/assets/styles/varnmala/reader.css

@@ -68,7 +68,7 @@
   cursor: pointer;
 }
 
-.speaker>span {
+.speaker > span {
   padding: 0.5rem;
   border: 1px solid var(--primary);
   border-radius: 5px;
@@ -93,4 +93,4 @@
   .mute-button {
     font-size: min(2.5rem, 8vw);
   }
-}
+}

src/components/LetterCard.astro

@@ -25,9 +25,9 @@ const { item, category } = Astro.props;
       <div class="card__glow"></div>
     </div>
     <div class="card card__back">
-        <div class="flip__button">
-          <span class="flip__button__text" title="Flip Card">Flip Card</span>
-        </div>
+      <div class="flip__button">
+        <span class="flip__button__text" title="Flip Card">Flip Card</span>
+      </div>
       {
         item.image ? (
           <img src={`/assets/images/alphabets/${category}/${item.image}`} alt={item.letter} class="image" />