• .abs--top-left

    Absolutely position the element in the top left corner of the parent.

  • .abs--top-center

    Absolutely position the element in the top center of the parent.

  • .abs--top-right

    Absolutely position the element in the top right 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--parent

    Fill the parent's width and height.

  • .fll--parent-h

    Fill the parent's height.

  • .fll--parent-w

    Fill the parent's width.

  • .fll--viewport

    Set the width and height to the viewport.

  • .fll--viewport-h

    Set the height to the viewport height.

  • .fll--viewport-w

    Set the width to the viewport width.

  • .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.

  • .flx--default

    Applies basic flex styles.

  • .flx--wrap

    Flex styles with wrap to allow multiple row layouts.

  • .flx--column

    Vertical flexed layout.

  • .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.

  • .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

Thin, the anti-framework framework