Merge pull request #34 from mbaraa/dev

Dev to main

.github/workflows/rex-deploy-beta.yml

@@ -1,4 +1,6 @@
-name: rex-deploy
+name: Deployment
+
+concurrency: development
 
 on:
   push:
@@ -11,8 +13,9 @@ on:
       - "**.md"
 
 jobs:
-  rex-deploy:
+  deployment:
     runs-on: ubuntu-latest
+    environment: development
     steps:
       - name: rex-7567-e27
         uses: mbaraa/[email protected]

.github/workflows/rex-deploy.yml

@@ -1,4 +1,6 @@
-name: rex-deploy
+name: Deployment
+
+concurrency: production
 
 on:
   push:
@@ -15,6 +17,7 @@ on:
 jobs:
   rex-deploy:
     runs-on: ubuntu-latest
+    environment: production
     steps:
       - name: rex-7567-e27
         uses: mbaraa/[email protected]

static/css/style.css

@@ -2,13 +2,40 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body,
+div,
+ul,
+table {
+  scroll-behavior: smooth;
+}
+
+* {
+  --animation-duration: 0.4s;
+  -webkit-transition:
+    background-color var(--animation-duration),
+    opacity var(--animation-duration);
+  -moz-transition:
+    background-color var(--animation-duration),
+    opacity var(--animation-duration);
+  -o-transition:
+    background-color var(--animation-duration),
+    opacity var(--animation-duration);
+  -ms-transition:
+    background-color var(--animation-duration),
+    opacity var(--animation-duration);
+  transition:
+    background-color var(--animation-duration),
+    opacity var(--animation-duration);
+}
+
 .loader {
   height: 100%;
   width: 100%;
   aspect-ratio: 1 / 1;
   border-width: 6px;
   border-style: solid;
-  border-color: #dedede;
+  border-color: var(--secondary-color);
   border-top-color: transparent;
   border-top-width: 2px;
   border-radius: 50%;