init frontend

2023-11-19 19:22:53 +01:00
commit c2ee6fcad3
30 changed files with 6031 additions and 0 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,120 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
+
+@tailwind base;
+
+@layer base {
+
+  .no-tailwindcss-base h1,
+  .no-tailwindcss-base h2,
+  .no-tailwindcss-base h3,
+  .no-tailwindcss-base h4,
+  .no-tailwindcss-base h5,
+  .no-tailwindcss-base h6 {
+      font-size: revert;
+      font-weight: revert;
+  }
+
+  .no-tailwindcss-base ol,
+  .no-tailwindcss-base ul {
+      list-style: revert;
+      margin: revert;
+      padding: revert;
+  }
+}
+
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --black-gradient: linear-gradient(
+    144.39deg,
+    #ffffff -278.56%,
+    #6d6d6d -78.47%,
+    #11101d 91.61%
+  );
+}
+
+* {
+  scroll-behavior: smooth;
+}
+.editor-container {
+  
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 4rem;
+  padding-right: 4rem;
+  ;
+}
+
+
+.ck-editor__editable {
+  min-height: 30rem;
+}
+.ck.ck-editor {
+    min-height: 140rem;
+}
+
+.sidebar-show {
+  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+.sidebar-hide {
+  -webkit-animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  animation: slide-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+@-webkit-keyframes slide-top {
+  0% {
+    -webkit-transform: translateX(600px);
+    transform: translateX(600px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes slide-top {
+  0% {
+    -webkit-transform: translateX(600px);
+    transform: translateX(600px);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@-webkit-keyframes slide-down {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  100% {
+    -webkit-transform: translateX(600px);
+    transform: translateX(600px);
+  }
+}
+
+@keyframes slide-down {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  100% {
+    -webkit-transform: translateX(600px);
+    transform: translateX(600px);
+  }
+}
+
+
+@media (max-width: 768px) {
+  .details-section {
+      display: none;
+  }
+  .list-section {
+      display: block;
+  }
+}
+