feat (mixins): add mixin line-clamp

Author: firestar300

src/scss/02-tools/_m-line-clamp.scss

@@ -0,0 +1,12 @@
+/// Truncates text at a specific number of lines.
+/// https://css-tricks.com/almanac/properties/l/line-clamp/
+///
+/// @param {number} $lines
+///   The number of lines for the text.
+@mixin line-clamp($lines: 2) {
+    display: -webkit-box;
+    overflow: hidden;
+    color: $color-light;
+    -webkit-line-clamp: #{$lines};
+    -webkit-box-orient: vertical;
+}

src/scss/02-tools/tools.scss

@@ -24,6 +24,7 @@
 @import "./m-editor-only";
 @import "./m-heading";
 @import "./m-hover";
+@import "./m-line-clamp";
 @import "./m-placeholder-media";
 @import "./m-radio-custom";
 @import "./m-row-fullwidth";