linting

Author: Ciphrox

src/assets/styles/alphabet.css

@@ -32,7 +32,9 @@
       box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
       padding: 1rem;
       height: fit-content;
-      transition: transform 0.2s ease, box-shadow 0.2s ease;
+      transition:
+        transform 0.2s ease,
+        box-shadow 0.2s ease;
       background: var(--background);
 
       &:hover {
@@ -78,4 +80,4 @@
   .letter p {
     font-size: clamp(2rem, 4vw, 3rem) !important;
   }
-}
+}

src/assets/styles/common.css

@@ -9,4 +9,4 @@
   margin-inline: 5rem;
   padding: 1rem;
   outline-offset: 0.5rem;
-}
+}

src/assets/styles/hindi.css

@@ -16,4 +16,4 @@
     color: var(--letter__txt--2);
     transition: color 0.5s ease-in;
   }
-}
+}

src/assets/styles/menu.css

@@ -8,25 +8,27 @@
     --header-height: 80px;
     --sidebar-width: 16ch;
     --timing: 0.42s;
-    --ease: linear(0 0%,
-        0.0036 9.62%,
-        0.0185 16.66%,
-        0.0489 23.03%,
-        0.0962 28.86%,
-        0.1705 34.93%,
-        0.269 40.66%,
-        0.3867 45.89%,
-        0.5833 52.95%,
-        0.683 57.05%,
-        0.7829 62.14%,
-        0.8621 67.46%,
-        0.8991 70.68%,
-        0.9299 74.03%,
-        0.9545 77.52%,
-        0.9735 81.21%,
-        0.9865 85%,
-        0.9949 89.15%,
-        1 100%);
+    --ease: linear(
+      0 0%,
+      0.0036 9.62%,
+      0.0185 16.66%,
+      0.0489 23.03%,
+      0.0962 28.86%,
+      0.1705 34.93%,
+      0.269 40.66%,
+      0.3867 45.89%,
+      0.5833 52.95%,
+      0.683 57.05%,
+      0.7829 62.14%,
+      0.8621 67.46%,
+      0.8991 70.68%,
+      0.9299 74.03%,
+      0.9545 77.52%,
+      0.9735 81.21%,
+      0.9865 85%,
+      0.9949 89.15%,
+      1 100%
+    );
     --sidebar-collapsed: 4rem;
     --sidebar-expanded: 16ch;
     --icon-size: 1.5rem;
@@ -471,4 +473,4 @@
   [data-debug="false"] .debug-toggle g:first-of-type {
     display: block;
   }
-}
+}

src/assets/styles/panel.css

@@ -50,13 +50,13 @@
     background: var(--primary);
   }
 
-  & input[type="radio"]:focus-visible+.icon {
+  & input[type="radio"]:focus-visible + .icon {
     outline: 2px solid var(--primary);
     outline-offset: 2px;
     border-radius: 0.25rem;
   }
 
-  & input[type="radio"]:checked+.icon {
+  & input[type="radio"]:checked + .icon {
     color: white;
     background: var(--primary);
     border-radius: 0.25rem;
@@ -79,7 +79,7 @@
     display: none;
   }
 
-  & input[type="radio"]:checked+.icon {
+  & input[type="radio"]:checked + .icon {
     color: white;
   }
 
@@ -230,5 +230,4 @@
   & .panel__cell:nth-child(10) {
     --ry: 360deg;
   }
-
-}
+}

src/assets/styles/reader.css

@@ -69,7 +69,7 @@
   cursor: pointer;
 }
 
-.speaker>span {
+.speaker > span {
   padding: 0.5rem;
   border: 1px solid grey;
 }
@@ -88,4 +88,4 @@
   .mute-button {
     font-size: min(2.5rem, 8vw);
   }
-}
+}

src/assets/styles/record.css

@@ -39,7 +39,7 @@
     margin-inline: 0.5rem;
   }
 
-  & .button--group>button {
+  & .button--group > button {
     font-size: 1rem;
     background-color: var(--button__bg--1);
     text-align: center;
@@ -127,5 +127,4 @@
       margin: 0 auto;
     }
   }
-
-}
+}

src/assets/styles/typing.css

@@ -61,4 +61,4 @@
   50% {
     border-color: transparent;
   }
-}
+}

src/assets/styles/varnmala.css

@@ -38,4 +38,4 @@
   & #hindi {
     scroll-margin-top: calc(var(--header-height) + 80px);
   }
-}
+}

src/components/Letter.astro

@@ -13,4 +13,4 @@ const {
 <div class="letter">
   <p class="character">{letter}</p>
   <p data-id="tgt" class="code" title="Click to copy">{code}</p>
-</div>
+</div>