primordial 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in primordial.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,25 @@
+Copyright (c) 2013 Twitter, Inc
+Copyright (c) 2013 John Koht
+
+
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,29 @@
+# Primordial
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'primordial'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install primordial
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

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

@@ -0,0 +1,24 @@
+// Core
+@import primordial/core/variables
+@import primordial/core/normalize
+@import primordial/core/mixins
+@import primordial/core/base
+@import primordial/core/typography
+
+
+// Components
+@import primordial/components/alerts
+@import primordial/components/breadcrumbs
+@import primordial/components/buttons
+@import primordial/components/button-groups
+@import primordial/components/close
+@import primordial/components/forms
+@import primordial/components/input-groups
+@import primordial/components/labels
+@import primordial/components/lists
+@import primordial/components/media-object
+@import primordial/components/nav
+@import primordial/components/navbar
+@import primordial/components/pagination
+@import primordial/components/tables
+

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

@@ -0,0 +1,57 @@
+//
+// Alerts
+// --------------------------------------------------
+
+@if $use-alerts == true
+
+  // Base styles
+  // -------------------------
+
+  .alert
+    padding: $alert-padding
+    margin-bottom: $line-height-computed
+    border: 1px solid transparent
+    border-radius: $alert-border-radius
+    // Headings for larger alerts
+    h4
+      margin-top: 0
+      // Specified for the h4 to prevent conflicts of changing $headingsColor
+      color: inherit
+    // Provide class for links that match alerts
+    .alert-link
+      font-weight: $alert-link-font-weight
+    // Improve alignment and spacing of inner content
+    > p,
+    > ul
+      margin-bottom: 0
+    > p + p
+      margin-top: 5px
+
+  // Dismissable alerts
+  //
+  // Expand the right padding and account for the close button's positioning.
+
+  .alert-dismissable
+    padding-right: $alert-padding + 20
+    // Adjust close link position
+    .close
+      position: relative
+      top: -2px
+      right: -21px
+      color: inherit
+
+  // Alternate styles
+  //
+  // Generate contextual modifier classes for colorizing the alert.
+
+  .alert-success
+    +alert-variant($alert-success-bg, $alert-success-border, $alert-success-text)
+
+  .alert-info
+    +alert-variant($alert-info-bg, $alert-info-border, $alert-info-text)
+
+  .alert-warning
+    +alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text)
+
+  .alert-danger
+    +alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text)

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

@@ -0,0 +1,21 @@
+//
+// Breadcrumbs
+// --------------------------------------------------
+
+@if $use-breadcrumbs == true
+
+  .breadcrumb
+    padding: 8px 15px
+    margin-bottom: $line-height-computed
+    list-style: none
+    background-color: $breadcrumb-bg
+    border-radius: $border-radius-base
+    > li
+      display: inline-block
+      & + li:before
+        content: "/\00a0"
+        // Unicode space added since inline-block means non-collapsing white-space
+        padding: 0 5px
+        color: $breadcrumb-color
+    > .active
+      color: $breadcrumb-active-color

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

@@ -0,0 +1,212 @@
+//
+// Button groups
+// --------------------------------------------------
+
+@if $use-button-groups == true
+
+  // Button carets
+  //
+  // Match the button text color to the arrow/caret for indicating dropdown-ness.
+
+  .caret
+    .btn-default &
+      border-top-color: $btn-default-color
+    .btn-primary &,
+    .btn-success &,
+    .btn-warning &,
+    .btn-danger &,
+    .btn-info &
+      border-top-color: #fff
+
+  .dropup
+    & .btn-default .caret
+      border-bottom-color: $btn-default-color
+    .btn-primary,
+    .btn-success,
+    .btn-warning,
+    .btn-danger,
+    .btn-info
+      .caret
+        border-bottom-color: #fff
+
+  // Make the div behave like a button
+
+  .btn-group,
+  .btn-group-vertical
+    position: relative
+    display: inline-block
+    vertical-align: middle
+    // match .btn alignment given font-size hack above
+    > .btn
+      position: relative
+      float: left
+      // Bring the "active" button to the front
+      &:hover,
+      &:focus,
+      &:active,
+      &.active
+        z-index: 2
+      &:focus
+        // Remove focus outline when dropdown JS adds it after closing the menu
+        outline: none
+
+  // Prevent double borders when buttons are next to each other
+  .btn-group
+    .btn + .btn,
+    .btn + .btn-group,
+    .btn-group + .btn,
+    .btn-group + .btn-group
+      margin-left: -1px
+
+  // Optional: Group multiple button groups together for a toolbar
+  .btn-toolbar
+    +clearfix
+    .btn-group
+      float: left
+    // Space out series of button groups
+    > .btn,
+    > .btn-group
+      + .btn,
+      + .btn-group
+        margin-left: 5px
+
+  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)
+    border-radius: 0
+
+  // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
+  .btn-group > .btn:first-child
+    margin-left: 0
+    &:not(:last-child):not(.dropdown-toggle)
+      +border-right-radius(0)
+
+  // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+
+  .btn-group > .btn:last-child:not(:first-child),
+  .btn-group > .dropdown-toggle:not(:first-child)
+    +border-left-radius(0)
+
+  // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+  .btn-group > .btn-group
+    float: left
+
+  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn
+    border-radius: 0
+
+  .btn-group > .btn-group:first-child
+    > .btn:last-child,
+    > .dropdown-toggle
+      +border-right-radius(0)
+
+  .btn-group > .btn-group:last-child > .btn:first-child
+    +border-left-radius(0)
+
+  // On active and open, don't show outline
+
+  .btn-group .dropdown-toggle:active,
+  .btn-group.open .dropdown-toggle
+    outline: 0
+
+  // Sizing
+  //
+  // Remix the default button sizing classes into new ones for easier manipulation.
+
+  .btn-group-xs > .btn
+    @extend .btn-xs
+
+  .btn-group-sm > .btn
+    @extend .btn-sm
+
+  .btn-group-lg > .btn
+    @extend .btn-lg
+
+  // Split button dropdowns
+  // ----------------------
+
+  // Give the line between buttons some depth
+  .btn-group > .btn + .dropdown-toggle
+    padding-left: 8px
+    padding-right: 8px
+
+  .btn-group > .btn-lg + .dropdown-toggle
+    padding-left: 12px
+    padding-right: 12px
+
+  // The clickable button for toggling the menu
+  // Remove the gradient and set the same inset shadow as the :active state
+  .btn-group.open .dropdown-toggle
+    +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
+
+  // Reposition the caret
+  .btn .caret
+    margin-left: 0
+
+  // // Carets in other button sizes
+  // .btn-lg .caret
+  //   border-width: $caret-width-large $caret-width-large 0
+  //   border-bottom-width: 0
+
+  // // Upside down carets for .dropup
+  // .dropup .btn-lg .caret
+  //   border-width: 0 $caret-width-large $caret-width-large
+
+  // Vertical button groups
+  // ----------------------
+
+  .btn-group-vertical
+    > .btn,
+    > .btn-group
+      display: block
+      float: none
+      width: 100%
+      max-width: 100%
+    // Clear floats so dropdown menus can be properly placed
+    > .btn-group
+      +clearfix
+      > .btn
+        float: none
+    > .btn + .btn,
+    > .btn + .btn-group,
+    > .btn-group + .btn,
+    > .btn-group + .btn-group
+      margin-top: -1px
+      margin-left: 0
+
+  .btn-group-vertical > .btn
+    &:not(:first-child):not(:last-child)
+      border-radius: 0
+    &:first-child:not(:last-child)
+      border-top-right-radius: $border-radius-base
+      +border-bottom-radius(0)
+    &:last-child:not(:first-child)
+      border-bottom-left-radius: $border-radius-base
+      +border-top-radius(0)
+
+  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn
+    border-radius: 0
+
+  .btn-group-vertical > .btn-group:first-child
+    > .btn:last-child,
+    > .dropdown-toggle
+      +border-bottom-radius(0)
+
+  .btn-group-vertical > .btn-group:last-child > .btn:first-child
+    +border-top-radius(0)
+
+  // Justified button groups
+  // ----------------------
+
+  .btn-group-justified
+    display: table
+    width: 100%
+    table-layout: fixed
+    border-collapse: separate
+    .btn
+      float: none
+      display: table-cell
+      width: 1%
+
+  // Checkbox and radio options
+
+  [data-toggle="buttons"] > .btn > input[type="radio"],
+  [data-toggle="buttons"] > .btn > input[type="checkbox"]
+    display: none

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

@@ -0,0 +1,114 @@
+//
+// Buttons
+// --------------------------------------------------
+
+@if $use-buttons == true
+
+  // Base styles
+  // --------------------------------------------------
+
+  // Core styles
+  .btn
+    +user-select(none)
+    display: inline-block
+    padding: 6px 12px
+    margin-bottom: 0
+    // For input.btn
+    font-size: $font-size-base
+    font-weight: normal
+    line-height: $line-height-base
+    text-align: center
+    vertical-align: middle
+    cursor: pointer
+    border: 1px solid transparent
+    border-radius: $border-radius-base
+    white-space: nowrap 
+
+    &:hover,
+    &:focus
+      text-decoration: none
+    
+    &:active,
+    &.active
+      background-image: none
+      outline: 0
+    
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] &
+      // Future-proof disabling of clicks
+      +opacity(0.65)
+      +box-shadow(none)
+      cursor: not-allowed
+      pointer-events: none
+      
+
+  // // Alternate buttons
+  // // --------------------------------------------------
+
+  .btn-primary
+    background
+
+  .btn-default
+    +button-variant($btn-default-color, $btn-default-bg, $btn-default-border)
+
+  .btn-primary
+    +button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border)
+
+  // Warning appears as orange
+  .btn-warning
+    +button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border)
+
+  // Danger and error appear as red
+  .btn-danger
+    +button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border)
+
+  // Success appears as green
+  .btn-success
+    +button-variant($btn-success-color, $btn-success-bg, $btn-success-border)
+
+  // Info appears as blue-green
+  .btn-info
+    +button-variant($btn-info-color, $btn-info-bg, $btn-info-border)
+
+
+
+  // // Button Sizes
+  // // --------------------------------------------------
+
+  .btn-lg
+    padding: 10px 20px
+    font-size: $font-size-large
+    line-height: $line-height-large
+
+  .btn-sm,
+  .btn-xs
+    padding: 4px 6px
+    font-size: $font-size-small
+    line-height: $line-height-small
+
+  .btn-xs
+    padding: 1px 5px
+
+
+
+  // // Block button
+  // // --------------------------------------------------
+
+  .btn-block
+    display: block
+    width: 100%
+    padding-left: 0
+    padding-right: 0
+
+  // Vertically space out multiple block buttons
+  .btn-block + .btn-block
+    margin-top: 5px
+
+  // Specificity overrides
+
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"]
+    &.btn-block
+      width: 100%