//
// + Theme
// =============================================================================


.wrapper:nth-child(odd) {
  background-color: $color-first-1;
}

// Headings
.grid-heading { @include grid(3); }
.column-heading { @include column(4); }

// Code
.grid-code { @include grid(2); }
.column-code { @include column(6); }

// Blockquote
.grid-blockquote { @include grid(2); }
.column-blockquote { @include column(6); }

// Horizontal-rule
.grid-horizontal-rule { @include grid(2); }
.column-horizontal-rule { @include column(6); }

// List
.grid-list { @include grid(2); }
.column-list { @include column(6); }

// Button
.grid-button { @include grid(3); }
.column-button { @include column(4); }

//
// + Theme
// =============================================================================


.wrapper:nth-child(odd) {
  background-color: $color-first-1;
}

// Headings
.grid-heading { @include grid(3); }
.column-heading { @include column(4); }

// Code
.grid-code { @include grid(2); }
.column-code { @include column(6); }

// Blockquote
.grid-blockquote { @include grid(2); }
.column-blockquote { @include column(6); }

// Horizontal-rule
.grid-horizontal-rule { @include grid(2); }
.column-horizontal-rule { @include column(6); }

// List
.grid-list { @include grid(2); }
.column-list { @include column(6); }

// Input
.grid-input { @include grid(3); }
.column-input { @include column(4); }

Rename grid classes from button to input
Rename grid classes from button to input
