Largeurs
Modifieurs c-dim dédiés aux largeurs
<div class="c-dim">c-dim tout seul n'a pas d'effet</div>
<div class="c-dim m-w-100">m-w-100<br>width: 100%</div>
<div class="c-dim m-w-initial">m-w-initial<br>width: initial</div>
<div class="c-dim m-w-100vw">m-w-100vw<br>width: 100vw</div>
<div class="c-dim m-w-auto">m-w-auto<br>width: auto</div>
<div class="c-dim m-maxw-100">m-maxw-100<br>max-width: 100%</div>
<div class="c-dim m-maxw-80vw" style="width: 120vw">m-maxw-80vw<br>max-width: 80vw</div>
<div class="c-dim m-maxw-100vw" style="width: 120vw">m-maxw-100vw<br>max-width: 100vw</div>
<div class="c-dim m-w-1t" m-w-12t="xs">m-w-1t<br>1/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-2t" m-w-12t="xs">m-w-2t<br>2/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-3t" m-w-12t="xs">m-w-3t<br>3/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-4t" m-w-12t="xs">m-w-4t<br>4/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-5t" m-w-12t="xs">m-w-5t<br>5/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-6t" m-w-12t="xs">m-w-6t<br>6/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-7t" m-w-12t="xs">m-w-7t<br>7/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-8t" m-w-12t="xs">m-w-8t<br>8/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-9t" m-w-12t="xs">m-w-9t<br>9/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-10t" m-w-12t="xs">m-w-10t<br>10/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-11t" m-w-12t="xs">m-w-11t<br>11/12 et <br>12/12 <br>sur écrans xs</div>
<div class="c-dim m-w-12t" m-w-6t="xs">m-w-12t<br>12/12 et <br>6/12 <br>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>