ZindaCSS

Height in ZindaCSS

You can set the height of an object using a value from one to ten.

Predefined values

This is a random test object

Custom values

You can also have custom values height the following syntax.
<div class="height_value">Random object</div>
Examples:
<div class="height_10vh">Random object</div>
<div class="height_15%">Random object</div>
<div class="height_3em">Random object</div>
<div class="height_6.5rem">Random object</div>

Max Height

You can also set max-height values using max-height-Number

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta ullam ex dolore. Exercitationem tenetur libero natus praesentium nesciunt magnam nemo amet quisquam nostrum sint quod, ratione quas numquam voluptatibus, atque at accusantium quo totam doloremque quia quos obcaecati. Quia ex non dicta quaerat beatae provident autem ullam pariatur ipsa omnis at voluptates impedit temporibus, aliquam facilis sunt voluptas amet voluptate ut! Tempore quae ratione laudantium. Officia, fugit. Maiores assumenda cum sint. Aperiam facilis labore blanditiis consequatur nesciunt facere, accusantium aliquam, maiores, enim mollitia ducimus amet provident? Architecto, ad cupiditate! Placeat facilis inventore animi vitae ea dolores, aspernatur consequuntur accusamus magni expedita recusandae. Maxime numquam totam fuga fugiat asperiores quo laboriosam beatae aspernatur vero corporis libero aperiam adipisci quam, dolorem possimus atque iste nisi aut quos eos assumenda ratione temporibus eius? Porro ad non totam maiores maxime, et quo vitae numquam dolor, aut, quae beatae fugiat assumenda id sapiente aperiam earum accusantium magnam facilis repellat impedit vel? Soluta hic eveniet eum, tempora optio provident! Esse enim saepe eum sunt accusantium sequi veritatis placeat, et illo. Architecto, eius quis voluptatem, nesciunt et velit voluptatibus doloribus nostrum fugit, explicabo sunt aliquam? Possimus, dolorum ab voluptate suscipit consequuntur explicabo officiis itaque sit reprehenderit voluptates nam expedita vitae harum dolorem provident mollitia eligendi minima pariatur ut totam consequatur placeat. Totam aspernatur unde optio culpa doloremque! Aut voluptates explicabo suscipit impedit quas natus quam dolorem cupiditate neque. Voluptatibus magni enim unde quaerat at debitis dolore consectetur officiis officia. Blanditiis sit eligendi iure corporis velit nulla earum, tempore ad, alias, error saepe suscipit? Voluptates iusto dolor sint officia hic quaerat dolorem eius sequi, a tempora doloremque ut debitis accusamus tempore eveniet ducimus iure blanditiis minus tenetur. Obcaecati iste aliquam, enim, beatae omnis, amet culpa fuga vero quos eveniet adipisci alias iure laborum voluptatum quae quasi corporis ad sed molestias iusto veritatis ullam consequatur reiciendis vel. Nostrum officiis, accusamus doloremque exercitationem incidunt in ullam ab aliquam ipsam facere eligendi vitae tenetur iure sunt minus? Soluta ipsam itaque inventore ex alias neque maxime sunt, eos in omnis nulla numquam iusto, nihil beatae reiciendis magni nisi! Sed alias dicta ex dolores ipsa vel veniam harum nobis inventore amet aut exercitationem velit, error numquam ut. Delectus iusto vel ipsam nihil blanditiis laudantium nesciunt id pariatur, perferendis, expedita beatae corporis debitis non asperiores possimus dicta maiores architecto! Explicabo, debitis ex obcaecati dolorem minus ullam aut vitae corporis repellat ratione. Consectetur, reprehenderit optio animi numquam, laborum placeat a dignissimos neque dolores odit doloribus inventore quo sint eligendi itaque ex mollitia officiis error magnam, beatae sequi. Quidem illum voluptatum beatae maiores nisi magni blanditiis magnam nam aut sequi, adipisci dignissimos velit eligendi amet voluptate, optio nobis eum exercitationem voluptatibus, vero quibusdam. Nobis delectus dolorem repellendus quas adipisci ducimus quod, corporis obcaecati placeat aspernatur, voluptates at possimus earum. Porro, nisi quibusdam fugit saepe quod, tempora maxime voluptatibus sint accusamus in ullam explicabo aliquam enim. Expedita facilis sunt iusto qui, deserunt aliquid alias! Minus nulla doloremque rerum, totam modi consequatur blanditiis voluptatem unde dolor nesciunt hic!
Also remember to set the overflow-y property, which tells what should happen if the element exeeds the maximum height.