primordial 0.0.1

data/app/assets/stylesheets/primordial/components/_close.css.sass

@@ -0,0 +1,30 @@
+//
+// Close icons
+// --------------------------------------------------
+
+@if $use-close == true
+  
+  .close
+    float: right
+    font-size: $font-size-base * 1.5
+    font-weight: $close-font-weight
+    line-height: 1
+    color: $close-color
+    text-shadow: $close-text-shadow
+    +opacity(0.2)
+    &:hover,
+    &:focus
+      color: $close-color
+      text-decoration: none
+      cursor: pointer
+      +opacity(0.5)
+
+  // Additional properties for button version
+  // iOS requires the button element instead of an anchor tag.
+  // If you want the anchor version, it requires `href="#"`.
+  button.close
+    padding: 0
+    cursor: pointer
+    background: transparent
+    border: 0
+    -webkit-appearance: none

data/app/assets/stylesheets/primordial/components/_forms.css.sass

@@ -0,0 +1,332 @@
+//
+// Forms
+// --------------------------------------------------
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset
+  padding: 0
+  margin: 0 0 20px 0
+  border: 0
+
+legend
+  display: block
+  width: 100%
+  padding: 0
+  margin-bottom: $line-height-computed
+  font-size: $font-size-base * 1.5
+  line-height: inherit
+  color: $legend-color
+  border: 0
+  // border-bottom: 1px solid $legend-border-color
+
+label,
+.control-label
+  display: inline-block
+  margin-bottom: 5px
+  font-weight: bold
+
+input,
+button,
+select,
+textarea 
+  font-family: inherit
+  font-size: inherit
+  line-height: inherit
+
+// Normalize form controls
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"]
+  +box-sizing(border-box)
+
+// Position radios and checkboxes better
+
+input[type="radio"],
+input[type="checkbox"]
+  margin: 4px 0 0
+  margin-top: 1px \9
+  line-height: normal
+
+// Set the height of select and file controls to match text inputs
+input[type="file"]
+  display: block
+
+// Make multiple select elements height not fixed
+
+select[multiple],
+select[size]
+  height: auto
+
+// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
+select optgroup
+  font-size: inherit
+  font-style: inherit
+  font-family: inherit
+
+// Focus for select, file, radio, and checkbox
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus
+  +tab-focus
+
+// Fix for Chrome number input
+// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
+// See https://github.com/twbs/bootstrap/issues/8350 for more.
+input[type="number"]
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button
+    height: auto
+
+// Placeholder
+//
+// Placeholder text gets special styles because when browsers invalidate entire
+// lines if it doesn't understand a selector/
+.form-control
+  +placeholder
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.form-control
+  display: block
+  width: 100%
+  height: $input-height-base
+  // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+  padding: $padding-base-vertical $padding-base-horizontal
+  font-size: $font-size-base
+  line-height: $line-height-base
+  color: $input-color
+  vertical-align: middle
+  background-color: $input-bg
+  border: 1px solid $input-border
+  border-radius: $input-border-radius
+
+  // Disabled and read-only inputs
+  // Note: HTML5 says that controls under a fieldset > legend:first-child won't
+  // be disabled if the fieldset is disabled. Due to implementation difficulty,
+  // we don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] &
+    cursor: not-allowed
+    background-color: $input-bg-disabled
+
+// Reset height for `textarea`s
+textarea.form-control
+  height: auto
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group
+  margin-bottom: 15px
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox,
+  display: block
+  min-height: $line-height-computed
+  // clear the floating input if there is no label text
+  margin-top: 10px
+  margin-bottom: 10px
+  padding-left: 20px
+  vertical-align: middle
+
+.radio
+.checkbox,
+.checkbox-inline,
+.radio-inline
+  label
+    display: inline
+    margin-bottom: 0
+    font-weight: normal
+    cursor: pointer
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"]
+  float: left
+  margin-left: -20px
+
+.radio + .radio,
+.checkbox + .checkbox
+  margin-top: -5px
+  // Move up sibling radios or checkboxes for tighter spacing
+
+// Radios and checkboxes on same line
+
+.radio-inline,
+.checkbox-inline
+  display: inline-block
+  padding-left: 20px
+  margin-bottom: 0
+  vertical-align: middle
+  font-weight: normal
+  cursor: pointer
+
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline
+  margin-top: 0
+  margin-left: 10px
+  // space out consecutive inline controls
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+
+input[type="radio"],
+input[type="checkbox"],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline
+  &[disabled],
+  fieldset[disabled] &
+    cursor: not-allowed
+
+
+/*
+ * Groups of checkboxes and radios, e.g.:
+ *
+ * <li>
+ *     <ul class=check-list>
+ *         <li>
+ *             <input /> <label />
+ *         </li>
+ *         <li>
+ *             <input /> <label />
+ *         </li>
+ *     </ul>
+ * </li>
+ * */ 
+.check-list
+  list-style: none
+  margin: 0
+  padding-left: 0
+
+/*
+ * Labels in check-lists */ 
+
+.check-label,
+.check-list label,
+.check-list .label
+  display: inline-block
+
+.check-list-inline
+  > li
+    display: inline-block
+    margin-right: $padding-base-horizontal
+
+
+
+
+// Static form control text
+//
+// Apply class to a `p` element to make any string of text align with labels in
+// a horizontal form layout.
+
+.form-control-static
+  margin-bottom: 0
+  // Remove default margin from `p`
+  padding-top: $padding-base-vertical + 1
+
+// Help text
+//
+// Apply to any element you wish to create light text for placement immediately
+// below a form control. Use for general help, formatting, or instructional text.
+
+.help-block
+  display: block
+  // account for any element using help-block
+  margin-top: 5px
+  margin-bottom: 10px
+  color: lighten($text-color, 25%)
+  // lighten the text some for contrast
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+//
+// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
+
+.form-inline
+  // Kick in the inline
+  @media (min-width: $screen-tablet)
+    // Inline-block all the things for "inline"
+    .form-group
+      display: inline-block
+      margin-bottom: 0
+      vertical-align: middle
+    // In navbar-form, allow folks to *not* use `.form-group`
+    .form-control
+      display: inline-block
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match (which also avoids
+    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+    .radio,
+    .checkbox
+      display: inline-block
+      margin-top: 0
+      margin-bottom: 0
+      padding-left: 0
+    .radio input[type="radio"],
+    .checkbox input[type="checkbox"]
+      float: none
+      margin-left: 0
+
+// Horizontal forms
+//
+// Horizontal forms are built on grid classes and allow you to create forms with
+// labels on the left and inputs on the right.
+
+.form-horizontal
+  // Consistent vertical alignment of labels, radios, and checkboxes
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline
+    margin-top: 0
+    margin-bottom: 0
+    padding-top: $padding-base-vertical + 1
+    // Default padding plus a border
+  // Make form groups behave like rows
+  .form-group
+    +make-row
+  // Only right align form labels here when the columns stop stacking
+  @media (min-width: $screen-tablet)
+    .control-label
+      text-align: right

data/app/assets/stylesheets/primordial/components/_input-groups.css.sass

@@ -0,0 +1,119 @@
+//
+// Input groups
+// --------------------------------------------------
+
+@if $use-input-group == true
+
+  // Base styles
+  // -------------------------
+  .input-group
+    position: relative
+    // For dropdowns
+    display: table
+    border-collapse: separate
+    // prevent input groups from inheriting border styles from table cells when placed within a table
+    // Undo padding and float of grid classes
+    &.col
+      float: none
+      padding-left: 0
+      padding-right: 0
+    .form-control
+      width: 100%
+      margin-bottom: 0
+
+  // Sizing options
+  //
+  // Remix the default form control sizing classes into new ones for easier
+  // manipulation.
+
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn > .btn
+    @extend .input-lg
+
+  .input-group-sm > .form-control,
+  .input-group-sm > .input-group-addon,
+  .input-group-sm > .input-group-btn > .btn
+    @extend .input-sm
+
+  // Display as table-cell
+  // -------------------------
+
+  .input-group-addon,
+  .input-group-btn,
+  .input-group .form-control
+    display: table-cell
+    &:not(:first-child):not(:last-child)
+      border-radius: 0
+
+  // Addon and addon wrapper for buttons
+
+  .input-group-addon,
+  .input-group-btn
+    width: 1%
+    white-space: nowrap
+    vertical-align: middle
+    // Match the inputs
+
+  // Text input groups
+  // -------------------------
+  .input-group-addon
+    padding: $padding-base-vertical $padding-base-horizontal
+    font-size: $font-size-base
+    font-weight: normal
+    line-height: 1
+    text-align: center
+    background-color: $input-group-addon-bg
+    border: 1px solid $input-group-addon-border-color
+    border-radius: $border-radius-base
+    // Sizing
+    &.input-sm
+      padding: $padding-small-vertical $padding-small-horizontal
+      font-size: $font-size-small
+      border-radius: $border-radius-small
+    &.input-lg
+      padding: $padding-large-vertical $padding-large-horizontal
+      font-size: $font-size-large
+      border-radius: $border-radius-large
+    // Nuke default margins from checkboxes and radios to vertically center within.
+    input[type="radio"],
+    input[type="checkbox"]
+      margin-top: 0
+
+  // Reset rounded corners
+
+  .input-group .form-control:first-child,
+  .input-group-addon:first-child,
+  .input-group-btn:first-child > .btn,
+  .input-group-btn:first-child > .dropdown-toggle,
+  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle)
+    +border-right-radius(0)
+
+  .input-group-addon:first-child
+    border-right: 0
+
+  .input-group .form-control:last-child,
+  .input-group-addon:last-child,
+  .input-group-btn:last-child > .btn,
+  .input-group-btn:last-child > .dropdown-toggle,
+  .input-group-btn:first-child > .btn:not(:first-child)
+    +border-left-radius(0)
+
+  .input-group-addon:last-child
+    border-left: 0
+
+  // Button input groups
+  // -------------------------
+  .input-group-btn
+    position: relative
+    white-space: nowrap
+
+  .input-group-btn > .btn
+    position: relative
+    // Jankily prevent input button groups from wrapping
+    + .btn
+      margin-left: -4px
+    // Bring the "active" button to the front
+    &:hover,
+    &:active
+      z-index: 2