From 3b1bbd1f5d18b741ef19855ca49084d886c715be Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sun, 20 Aug 2023 10:05:48 +0100
Subject: [PATCH] Clean up

---
 .../Course/components/Navigation/index.svelte     |  2 +-
 src/lib/components/Navigation/app.svelte          | 15 ---------------
 src/lib/components/Org/LandingPage/index.svelte   |  2 +-
 tailwind.config.cjs                               |  9 ++++++---
 tailwind.config.js                                |  4 ++--
 5 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/Course/components/Navigation/index.svelte b/src/lib/components/Course/components/Navigation/index.svelte
index 584b12f3..30e67658 100644
--- a/src/lib/components/Course/components/Navigation/index.svelte
+++ b/src/lib/components/Course/components/Navigation/index.svelte
@@ -253,7 +253,7 @@
 
 <style lang="scss">
   .root {
-    height: calc(100vh - 44px);
+    height: calc(100vh - 45px);
     display: flex;
     flex-direction: column;
     min-width: 360px;
diff --git a/src/lib/components/Navigation/app.svelte b/src/lib/components/Navigation/app.svelte
index d124567f..e0fb7711 100644
--- a/src/lib/components/Navigation/app.svelte
+++ b/src/lib/components/Navigation/app.svelte
@@ -100,21 +100,6 @@
     font-weight: 700;
   }
 
-  /* [aria-current] {
-    color: var(--main-primary-color);
-    position: relative;
-    display: inline-block;
-  }
-  [aria-current]::after {
-    position: absolute;
-    content: '';
-    width: calc(100% - 3em);
-    height: 2px;
-    background-color: var(--main-primary-color);
-    display: block;
-    bottom: -17px;
-  } */
-
   @media only screen and (max-width: 1002px) {
     nav.hide {
       display: none;
diff --git a/src/lib/components/Org/LandingPage/index.svelte b/src/lib/components/Org/LandingPage/index.svelte
index eb9b543d..26300d8d 100644
--- a/src/lib/components/Org/LandingPage/index.svelte
+++ b/src/lib/components/Org/LandingPage/index.svelte
@@ -145,7 +145,7 @@
     <div class="absolute h-[80vh] top-0 w-full opacity-80 z-10 bg-white" />
 
     {#if video}
-      <div class="flex items-center justify-center">
+      <div class="flex items-center justify-center h-full">
         <div
           class="md:w-11/12 lg:w-5/6 w-full flex items-center justify-between flex-col-reverse md:flex-row z-20 relative"
         >
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 75fd684f..25365d3f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,12 +1,15 @@
 /** @type {import('tailwindcss').Config}*/
 const config = {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
+  content: ['./src/**/*.{html,js,svelte,ts}'],
 
   theme: {
-    extend: {},
+    extend: {}
   },
 
-  plugins: [],
+  plugins: []
 };
 
 module.exports = config;
+// generic name for component
+// add theme-name dynamically on body
+// have globaly style for theme-name .bg-primary-100
diff --git a/tailwind.config.js b/tailwind.config.js
index fa668529..65a928c0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,7 +3,7 @@ export default {
   darkMode: 'class',
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
-    extend: {},
+    extend: {}
   },
-  plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')],
+  plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')]
 };