0%
Uix Kit Demo

Spacing

There are multiple wrapper modules per page, these elements will be used for flexible control of spacing. Usually using <section> tag to do it.


class="" or class="uix-spacing--no"

class="" or class="uix-spacing--no"

class="uix-spacing--s"

class="uix-spacing--s"

class="uix-spacing--l"

class="uix-spacing--l"

class="" or class="uix-spacing--no"

class="" or class="uix-spacing--no"

class="uix-spacing--m uix-spacing--no-top"

class="uix-spacing--m uix-spacing--no-bottom"

class="uix-spacing--s uix-spacing--no-top"

class="uix-spacing--s uix-spacing--no-bottom"

class="uix-spacing--l uix-spacing--no-top"

class="uix-spacing--l uix-spacing--no-bottom"