fix: line-clamp mixin

tarojsx · Jun 8, 2020 · 1e795d9 · 1e795d9
1 parent 47a58fc
commit 1e795d9
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/style/mixins.scss b/style/mixins.scss
@@ -0,0 +1,17 @@
+@import '~taro-ui/dist/style/mixins';
+
+@mixin line($num: 1) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    @if ($num == 1) {
+        white-space: nowrap;
+    } @else {
+        display: -webkit-box;
+        -webkit-line-clamp: $num;
+
+        // 以叹号开头的注释才能逃过 postcss-loader. https://juejin.im/post/5ce4abb0518825332550c105
+        /*! autoprefixer: ignore next */
+        -webkit-box-orient: vertical;
+    }
+}