mixins: Add line-clamp() and text-ellpsis()

Icinga · Aug 8, 2023 · 79c08ff · 79c08ff
1 parent 822c4c7
commit 79c08ff
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/asset/css/mixin/mixins.less b/asset/css/mixin/mixins.less
@@ -18,3 +18,20 @@
   -moz-box-shadow: @arguments;
   box-shadow: @arguments;
 }
+
+.line-clamp(@numOfLines: 2) when (@numOfLines > 1) {
+  display: -webkit-box;
+  -webkit-line-clamp: @numOfLines;
+  -webkit-box-orient: vertical;
+}
+.line-clamp(@numOfLines: 2) when (@numOfLines = "reset") {
+  display: revert;
+  -webkit-line-clamp: initial;
+  -webkit-box-orient: initial;
+}
+
+.text-ellipsis() {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}