🚧 Under Construction

This component documentation is currently being developed. Some features may be incomplete.

Liquid UI Grid System

View in Pattern Lab

HTML Markup

<div class="hoo-grid">
    <div class="demo-item">Demo Item</div>
    <div class="demo-item2">Demo Item</div>
</div>

Use Grid System with CSS classes

hoo-grid - defines the base CSS Grid on any container

Use Grid System with SCSS

Through a mixing you can turn any container into a grid system.

Placing elements on the grid

The placement of elements can be accomplished with the following SASS mixin.

The SASS mixing has the following input:

@include gridSpan([grid span], [Starting column], [Starting row]);

SCSS Imports

Main Component
@n8d/htwoo-core/components/base