docu version 1.8.5

styles/globals.css

@@ -5,6 +5,7 @@
 @import url("../styles/syntax.css");
 @import url("../styles/editor.css");
 
+/* ocean */
 @layer base {
   :root {
     --background: 210 50% 95%;
@@ -82,7 +83,7 @@ pre {
   overflow-x: auto;
 }
 
-pre > code {
+pre>code {
   display: grid;
   max-width: inherit !important;
   padding: 14px 0 !important;
@@ -90,7 +91,7 @@ pre > code {
 
 .code-line {
   padding: 0.75px 16px;
-  @apply border-l-2 border-transparent;
+  @apply border-l-2 border-transparent
 }
 
 .line-number::before {
@@ -112,6 +113,42 @@ pre > code {
   @apply px-2 -mb-8 w-full text-sm pb-5 font-medium mt-5 font-code;
 }
 
-.highlight-comp > code {
+.highlight-comp>code {
   background-color: transparent !important;
 }
+
+.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@layer utilities {
+    .animate-shine {
+      --animate-shine: shine var(--duration) infinite linear;
+      animation: var(--animate-shine);
+      background-size: 200% 200%;
+    }
+
+    @keyframes shine {
+      0% {
+        background-position: 0% 0%;
+      }
+      50% {
+        background-position: 100% 100%;
+      }
+      100% {
+        background-position: 0% 0%;
+      }
+    }
+  }