Utilities

Class	Description
.float-left	Pushes the element to the left.
.float-right	Pushes the element to the right.
.align-left	Aligns text to the left.
.align-right	Aligns text to the right.
.align-center	Centers the text alignment.
.align-justify	Justifies the text alignment.

Image Alignments

The <img> image tag can use the same class alignments as with text.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit perspiciatis error placeat magni nulla, delectus dolorum modi ab, quam hic dolorem esse, voluptate totam! Eveniet, officia nam hic nihil error.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, tenetur eius amet, cum doloribus mollitia aperiam libero ipsam enim ut magni dolorum molestias optio minima hic delectus numquam possimus recusandae.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos iusto ipsum totam fugiat soluta sed voluptates sequi, esse quos id quae saepe aliquid vero tenetur deserunt eaque consectetur, omnis possimus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet ullam saepe nam nulla dicta officia cum qui. Perspiciatis laboriosam, ad corporis odit nemo consequatur fugit alias aut commodi eaque?

Visibility Classes

Minnow comes packed with quite a few useful visibility classes.

Show For Classes

Themw-show-for-*classes are used to hide elements from lower query sizes. All query sizes above will be visible.

Class	Micro	Tiny	Small	Medium	Large	XL
.mw-show-for-tiny	Hide	Show	Show	Show	Show	Show
.mw-show-for-small	Hide	Hide	Show	Show	Show	Show
.mw-show-for-medium	Hide	Hide	Hide	Show	Show	Show
.mw-show-for-large	Hide	Hide	Hide	Hide	Show	Show
.mw-show-for-xl	Hide	Hide	Hide	Hide	Hide	Show

Show For Only

The.mw-show-for-*.onlyclasses are used to only show elements for the selected query.

Class	Micro	Tiny	Small	Medium	Large	XL
.mw-show-for-micro.only	Show	Hide	Hide	Hide	Hide	Hide
.mw-show-for-tiny.only	Hide	Show	Hide	Hide	Hide	Hide
.mw-show-for-small.only	Hide	Hide	Show	Hide	Hide	Hide
.mw-show-for-medium.only	Hide	Hide	Hide	Show	Hide	Hide
.mw-show-for-large.only	Hide	Hide	Hide	Hide	Show	Hide
.mw-show-for-xl.only	Hide	Hide	Hide	Hide	Hide	Show

Hide For

Elements with the.mw-hide-for-*class will only be hidden for that select query.

Class	Micro	Tiny	Small	Medium	Large	XL
.mw-hide-for-micro	Hide	Show	Show	Show	Show	Show
.mw-hide-for-tiny	Show	Hide	Show	Show	Show	Show
.mw-hide-for-small	Show	Show	Hide	Show	Show	Show
.mw-hide-for-medium	Show	Show	Show	Hide	Show	Show
.mw-hide-for-large	Show	Show	Show	Show	Hide	Show
.mw-hide-for-xl	Show	Show	Show	Show	Show	Hide