Utility Examples

You are here

Grids

Note: You must wrap your grids with the .grid--row class in order for the system to know when to break margins. This should fix any weirdness you might have 

.grid--1
.grid--1-2
.grid--1-2
.grid--1-3
.grid--1-3
.grid--1-3
.grid--2-3
.grid--1-3
.grid--1-4
.grid--1-4
.grid--1-4
.grid--1-4
.grid--2-5
.grid--3-5
.grid--1-5
.grid--4-5
.grid--7-10
.grid--3-10

Padding

Hi, I am padded all over | .padded
Hi, I have padding on the sides | .padded-x
Hi, I have padding on top and bottom | .padded-y

Floats

.f-left, .margin-r
.f-left
.f-left
.f-left, .margin-x
.f-left
.f-left, .margin-l
.f-left
.f-right

Margins

Hi, I have margin all over | .margin
Hi, I have margin all over | .margin
Hi, I have margin on my y-axis | .margin-y
Hi, I have margin on my y-axis | .margin-y
Hi, I have margin on my x-axis | .margin-x
Hi, I have margin on my x-axis | .margin-x

Contact Us

Search results contain all keywords. Press 'esc' to close overlay.

Example: "Motor Vehicle" will only present results for "Motor Vehicle" not "Motor" or "Vehicle".

Get In Touch

Email
Report a Problem or Ask a Question
For technical support on online services
call 303-534-3468 X 0
Please note that we are not a state agency

Citizens Assistance

Explore this interactive service designed to help citizens with common questions.

Leave feedback