<div class="ch-display--block"></div>
<!-- display: block; -->

<div class="ch-display--inline"></div>
<!-- display: inline; -->

<div class="ch-display--inline-block"></div>
<!-- display: inline-block; -->

<div class="ch-display--flex"></div>
<!-- display: flex; -->

<div class="ch-display--inline-flex"></div>
<!-- display: inline-flex; -->

<div class="ch-display--none"></div>
<div class="ch-hide"></div>
<!-- display: none; -->

<div class="ch-visible"></div>
<!-- visibility: visible; -->

<div class="ch-invisible"></div>
<!-- visibility: hidden; -->

<div class="ch-text-hide"></div>
<!-- hide text contents -->

<!-- Responsive -->
<div class="[sl,sm,md,lg]:ch-[text,display]--*"></div>