Typography Helpers
Startr Style includes a collection of typography helpers for creating beautiful shadow effects to any box element.
--line-clamp
The --line-clamp
helper allows you to easily set a line clamp on an element. The value of this helper defines the number of lines at which text will be clamped.
<div style="--line-clamp:4;"> ... </div>
--text-3d
The --text-3d
helper gives text a 3D. Value of this helper sets the 3D color using the text-shadow CSS property. This can be used alongside the --c
ulility to set the text color as demonstrated below.
Hello World!
<div style="--text-3d:#406DC4; --c:#57A1DB;"> ... </div>