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

Icinga · Aug 8, 2023 · af32723 · af32723
1 parent 822c4c7
commit af32723
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/asset/css/mixin/mixins.less b/asset/css/mixin/mixins.less
@@ -18,3 +18,25 @@
   -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;
+}
+
+.text-ellipsis-multiline() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}