]> git.ardis.lu - css-for-line-clamp-ellipsis/commitdiff
Repeat the CSS in the final section
authorArdis Lu <ardisglu@gmail.com>
Thu, 13 Apr 2023 05:00:28 +0000 (22:00 -0700)
committerArdis Lu <ardisglu@gmail.com>
Thu, 13 Apr 2023 05:00:28 +0000 (22:00 -0700)
index.html

index 20abe680536210d1336256916d6c1d57cc1e667e..63395c7008025814c0d24a763ad3b1c8d5c714bc 100644 (file)
@@ -269,6 +269,14 @@ new ResizeObserver(debounce(() => {
 
     <section>
       <h2>Full example</h2>
+      <p>Here's the final CSS:</p>
+      <pre>
+.dynamic-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--lines);
+  overflow: hidden;
+}</pre>
       <p>And the final combined JavaScript with all the bells and whistles:</p>
       <pre>
 function debounce(fn, wait) {
This page took 0.043514 seconds and 4 git commands to generate.