@@include('./src/components/_global/include-header.html') @@include('./src/components/_global/include-loader.html') @@include('./src/components/_global/include-toggle-trigger.html')
@@include('./src/components/_global/include-brand.html') @@include('./src/components/_global/include-menu.html')

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"

@@include('./src/components/_global/include-copyright.html')
@@include('./src/components/_global/include-footer.html')