Bonsai includes a collection of typography helpers for creating beautiful shadow effects to any box element.
--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:3;"> ... </div>
--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.
<div style="--text-3d:#406DC4; --c:#57A1DB;"> ... </div>