-
.abs--top-left
Absolutely position the element in the top left corner of the parent.
-
.abs--top-right
Absolutely position the element in the top right of the parent.
-
.abs--top-center
Absolutely position the element in the top center of the parent.
-
.abs--center-left
Absolutely position the element in the center left side of the parent.
-
.abs--center-center
Absolutely position the element in the center of the parent.
-
.abs--center-right
Absolutely position the element on the center, right side of the parent.
-
.abs--bottom-left
Absolutely position the element in the bottom left corner of the parent.
-
.abs--bottom-center
Absolutely position the element on the bottom, center of the parent.
-
.abs--bottom-right
Absolutely position the element in the bottom right corner of the parent.
-
.fll--viewport-w
Set the width to the viewport width.
-
.fll--parent-h
Fill the parent's height.
-
.fll--viewport-h
Set the height to the viewport height.
-
.fll--viewport
Set the width and height to the viewport.
-
.fll--parent
Fill the parent's width and height.
-
.fll--parent-w
Fill the parent's width.
-
.flt--left
Float the element to the left.
-
.flt--right
Float the element to the right.
-
.flt--clearfix
Make the element wrap around its floated children.
-
.flx--default
Applies basic flex styles.
-
.flx--wrap
Flex styles with wrap to allow multiple row layouts.
-
.flx--column
Vertical flexed layout.
-
.fxd--top-left
Fixed position the element in the top left corner of the window.
-
.fxd--top-center
Fixed position the element on the top center of the window.
-
.fxd--top-right
Fixed position the element in the top right corner of the window.
-
.fxd--center-left
Fixed position the element on the center left side of the window.
-
.fxd--center-center
Fixed position the element in the center of the window.
-
.fxd--center-right
Fixed position the element on the center right side of the window.
-
.fxd--bottom-left
Fixed position the element in the bottom left corner of the window.
-
.fxd--bottom-center
Fixed position the element on the bottom center of the window.
-
.fxd--bottom-right
Fixed position the element in the bottom right corner of the window.
-
.gtr--xs
Creates a 1/4 rem gutter between child elements
-
.gtr--sm
Creates a 1/2 rem gutter between child elements
-
.gtr--md
Creates a 1 rem gutter between child elements
-
.gtr--lg
Creates a 2 rem gutter between child elements
-
.gtr--xl
Creates a 4 rem gutter between child elements
-
.typ--i-1, typ--a-1
Sub octave: .5rem
The quick brown fox jumps over the lazy dog
-
.typ--ii-1, typ--b-1
Suboctave, first interval: 0.57435rem
The quick brown fox jumps over the lazy dog
-
.typ--iii-1, typ--c-1
Suboctave, second interval: 0.65975rem
The quick brown fox jumps over the lazy dog
-
.typ--iv-1, typ--d-1
Sub octave, third interval: 0.75786rem
The quick brown fox jumps over the lazy dog
-
.typ--v-1, typ--d-1
Fourth internval: 0.87055rem
The quick brown fox jumps over the lazy dog
-
.typ--i, typ--a
First octave: 1rem
The quick brown fox jumps over the lazy dog
-
.typ--ii, typ--b
Second octave, first interval: 1.1487rem
The quick brown fox jumps over the lazy dog
-
.typ--iii, typ--c
Second octave, second interval: 1.1487rem
The quick brown fox jumps over the lazy dog
-
.typ--iv, typ--d
Second octave, third interval: 1.51572rem
The quick brown fox jumps over the lazy dog
-
.typ--v, typ--e
First octave, Forth interval: 1.7411rem
The quick brown fox jumps over the lazy dog
-
.typ--i+1, typ--a1
Second octave: 2rem
The quick brown fox jumps over the lazy dog
-
.typ--ii+1, typ--b1
Second octave, first interval: 2.2974rem
The quick brown fox jumps over the lazy dog
-
.typ--iii+1, typ--c1
Second octaive, second interval: 2.63902rem
The quick brown fox jumps over the lazy dog
-
.typ--iv+1, typ--d1
Second octaive, third interval: 3.03143rem
The quick brown fox jumps over the lazy dog
-
..typ--v+1, typ--e1
Second octave, fourth interval: 3.4822rem
The quick brown fox jumps over the lazy dog