chore: removing scss

client/package-lock.json

@@ -27,7 +27,6 @@
         "eslint-plugin-svelte3": "3.2.1",
         "prettier": "2.4.1",
         "prettier-plugin-svelte": "2.4.0",
-        "sass": "^1.43.4",
         "svelte": "3.44.1",
         "svelte-check": "2.2.8",
         "svelte-preprocess": "4.9.8",
@@ -3110,6 +3109,8 @@
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
       "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
       "dev": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0"
       },
@@ -5878,6 +5879,8 @@
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.43.4.tgz",
       "integrity": "sha512-/ptG7KE9lxpGSYiXn7Ar+lKOv37xfWsZRtFYal2QHNigyVQDx685VFT/h7ejVr+R8w7H4tmUgtulsKl5YpveOg==",
       "dev": true,
+      "optional": true,
+      "peer": true,
       "requires": {
         "chokidar": ">=3.0.0 <4.0.0"
       }

client/package.json

@@ -30,7 +30,6 @@
     "eslint-plugin-svelte3": "3.2.1",
     "prettier": "2.4.1",
     "prettier-plugin-svelte": "2.4.0",
-    "sass": "^1.43.4",
     "svelte": "3.44.1",
     "svelte-check": "2.2.8",
     "svelte-preprocess": "4.9.8",

client/src/routes/api.svelte

@@ -64,7 +64,7 @@
   </Codeblock>
 </section>
 
-<style lang="scss">
+<style>
   h1 {
     @apply text-4xl;
     @apply font-bold;

client/src/routes/guide.svelte

@@ -42,7 +42,7 @@
   </Codeblock>
 </section>
 
-<style lang="scss">
+<style>
   p {
     @apply text-base;
     @apply py-2;
@@ -67,6 +67,6 @@
     @apply text-dodger-700;
   }
   section {
-    @apply pt-6
+    @apply pt-6;
   }
 </style>

client/src/routes/index.svelte

@@ -45,8 +45,10 @@
       </div>
       <Codeblock>$ curl -XGET 'https://jokesbapak2.herokuapp.com/'</Codeblock>
       <p class="text-sm text-center py-4 opacity-70 hover:opacity-100 transition duration-300 ease-in-out">
-        {$_('home.more.1')} <span class="hover:underline cursor-pointer" on:click={() => goto('/guide')}>{$_('navigation.guide')}</span>
-        {$_('home.more.2')} <span class="hover:underline cursor-pointer" on:click={() => goto('/api')}>{$_('navigation.api')}</span>
+        {$_('home.more.1')}
+        <span class="hover:underline cursor-pointer" on:click={() => goto('/guide')}>{$_('navigation.guide')}</span>
+        {$_('home.more.2')}
+        <span class="hover:underline cursor-pointer" on:click={() => goto('/api')}>{$_('navigation.api')}</span>
       </p>
     </div>
   </div>

client/src/routes/why.svelte

@@ -46,25 +46,26 @@
   </p>
 </section>
 
-<style lang="scss">
-.why_page {
+<style>
   p {
     @apply text-base;
     @apply py-2;
     @apply lg\:w-2\/3;
   }
+
   h1 {
     @apply text-3xl;
     @apply font-bold;
     @apply py-2;
   }
+
   a {
     @apply hover\:underline;
     @apply dark\:text-dodger-200;
     @apply text-dodger-700;
   }
+
   section {
     @apply pt-6;
   }
-}
 </style>