ITL utility_classes

ITL utility_classes

Source: _sizes.scss, line 1

7.1 Widths and Heights

  • w<X>: sets width to X
  • h<X>: sets height to X
  • .full-width, .wp100: sets width to 100%
  • .full-height, .hp100: sets height to 100%

X should be in: [0, 4, 8, 16, 32, 64, 100, 128, 200, 250, 256, 512]

Example

<div class="bg-blue w16 h16 inline-block"></div>
<div class="bg-yellow w32 h16 inline-block"></div>
<div class="bg-red w64 h32 inline-block"></div>
<div class="bg-green full-width h8"></div>