Hauteurs
Modifieurs c-dim dédiés aux hauteurs
<div class="c-dim">c-dim seul</div>
<div class="c-dim m-h-100">m-h-100<br>height: 100%</div>
<div class="c-dim m-h-initial">m-h-initial<br>height: initial</div>
<div class="c-dim m-h-100vh">m-h-100vh<br>height: 100vh</div>
<div class="c-dim m-h-auto">m-h-auto<br>height: auto</div>
<div class="c-dim m-maxh-100">m-maxh-100<br>max-height: 100%</div>
<div class="c-dim m-maxh-80vh" style="height:120vh">m-maxh-80vh<br>max-height: 80vh</div>
<div class="c-dim m-maxh-100vh" style="height:120vh">m-maxh-100vh<br>max-height: 100vh</div>
<div class="c-dim" m-h-100vh="xs">height: 100vh sur écrans xs</div>
<!-- DEMO UNIQUEMENT -->
<style>
body {
padding: var(--ita-spacing-4);
background-color: var(--ita-color-primary-100);
color: var(--ita-color-primary-800);
font-family: var(--ita-font-family-mono);
font-size: 1rem;
line-height: 1.5rem;
padding-bottom: 50vh;
}
.c-dim {
background-color: var(--ita-color-primary-500);
color: var(--ita-color-neutral-100);
border: 1px solid var(--ita-color-primary-200);
padding: var(--ita-spacing-4);
}
</style>