verne 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 462cd882eeb9d82b72ecc1342a05931e7d691d77
+  data.tar.gz: d28a32731742e28fbe0a93d26d68783df0938fff
+SHA512:
+  metadata.gz: 138dbc651285368342646d4abbadf9c94a71969b3b6cacc76df9ae93c0f87866458c990535203a28e9368330ce533327d7a2550384919f027e9b88bb58c88fa5
+  data.tar.gz: f4c1dd775ca2620022a7bbd6b2d1f6ae93a8c1cde3ed639deb7fcf46b58c5238cefbd64a5ff8c963a93fb6e2f26ece3c883a0f5bae46abe65dcc2be0ca5eb9b9

data/.gitignore

@@ -0,0 +1,2 @@
+demo/*
+*.gem

data/LICENSE

@@ -0,0 +1,23 @@
+LICENSE
+
+The MIT License
+
+Copyright (c) 2014 Monospace, Ltd.
+
+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,4 @@
+# Verne
+A set of simple and semantic UI elements.
+### License
+Verne is Copyright © 2014 Monospace, Ltd. It is free software, and may be redistributed under the terms specified in the LICENSE file.

data/app/assets/javascripts/verne.dropdown.js.coffee

@@ -0,0 +1,23 @@
+$.rails.hideDropdowns = -> 
+  count = $("ul.dropdown-menu.open").length
+  $("ul.dropdown-menu").fadeOut(150).removeClass("open")
+  !count
+
+$ ->
+  $(document).mouseup (e) ->
+    container = $("dropdown-menu")
+    if (container.has(e.target).length == 0)
+      $.rails.hideDropdowns()
+
+  $(window).resize -> $.rails.hideDropdowns()
+
+  $("[data-toggle=dropdown]").click ->    
+    if $(this).siblings("ul.dropdown-menu").hasClass("open")
+      $.rails.hideDropdowns()
+    else
+      $.rails.hideDropdowns()
+      dropdown = $(this).siblings("ul.dropdown-menu")
+      dropdown.fadeIn(150).addClass("open")
+      offset = ($(this).outerWidth(false) - $(dropdown).outerWidth(false)) / 2
+      dropdown.css { 'margin-left' : offset + "px"}
+    false

data/app/assets/javascripts/verne.form.js.coffee

@@ -0,0 +1,18 @@
+$ ->
+  $("input[type=checkbox]").each ->
+    $(this).click (event) -> 
+      $(this).parent().toggleClass("checked")
+
+  $("input[type=file]").each ->
+    cancel = $("<div>", { class: "input-wrapper", text: "Remove File" })
+    file = $(this)
+    cancel.click (event) ->
+      file.val("")
+      file.parent().toggleClass("hidden")
+      cancel.remove()
+    file.parent().prepend("Upload File")
+    file.change (event) ->      
+      if file.val() != ""
+        file.parent().toggleClass("hidden")
+        cancel.insertAfter(file.parent())
+        

data/app/assets/javascripts/verne.js.coffee

@@ -0,0 +1,32 @@
+configureCheckbox = (checkbox) ->
+  if checkbox.is(':checked')
+    checkbox.parent().addClass("selected")
+  else
+    checkbox.parent().removeClass("selected")      
+
+$ ->
+	# Make rows of tables selectable
+  $("tr[data-target]").click(->
+    Turbolinks.visit $(this).attr("data-target")
+  ).find("a").hover (->
+    $(this).parents("tr").unbind "click"
+  ), ->
+    $(this).parents("tr").click ->
+      Turbolinks.visit $(this).attr("data-target")
+
+  # Add selection states to radio buttons
+  $("input[type=radio]").each ->
+    if $(this).is(':checked')
+      $(this).parent().addClass("selected")
+  $("input[type=radio]").change ->
+    selected = $(this)
+    $('input[type=radio][name="' + selected.attr('name') + '"]').each ->
+      if $(this).attr('id') != selected.attr('id')
+        $(this).parent().removeClass("selected")
+   	selected.parent().addClass("selected")
+
+  # Add selection states to check boxes
+  $('input[type=checkbox]').each ->
+    configureCheckbox $(this)  
+  $('input[type=checkbox]').change ->
+    configureCheckbox $(this)

data/app/assets/javascripts/verne.modal.js.coffee

@@ -0,0 +1,55 @@
+$ ->
+  $(document).on "click", "a[data-toggle=modal]", ->
+    target = $($(this).attr("data-target"))
+    $.rails.toggleModal(target)
+
+$.rails.toggleModal = (target) ->
+  target.toggleClass("active")
+  if target.hasClass("active")
+    overlay = $("<div class=\"overlay\"></div>")
+    target.appendTo(overlay)
+    $("body").append(overlay)
+  else
+    target.parent().remove()
+    $("body").append(target)
+
+$.rails.allowAction = (link) ->
+  return true unless link.attr('data-confirm')
+  $.rails.hideDropdowns()
+  $.rails.showConfirmDialog(link)
+  false # Always stops the action since code runs asynchronously
+
+$.rails.confirmed = (link, should_continue) ->
+  
+  $('.overlay').fadeOut 300, ->
+    $(this).remove()
+
+  if should_continue
+    link.removeAttr('data-confirm')
+    link.trigger('click.rails')
+
+$.rails.showConfirmDialog = (link) ->
+  message = link.attr 'data-confirm'
+  header = "Notice"
+  html =  """
+          <div class="overlay">
+            <div class="modal-wrapper">
+              <div class="modal">
+                <h2>#{ header }</h2>
+                <div class="content">
+                  <p>#{ message }</p>
+                </div>
+                <div class="toolbar">
+                  <a href="#" class="button" data-action="cancel">Cancel</a>
+                  <a href="#" class="button" data-action="continue">Continue</a>
+                </div>
+              </div>
+            </div>
+          </div>
+          """
+  $("body").append(html)
+
+  # $('.overlay a').on 'click', (event) -> 
+  #   event.preventDefault()
+  #   should_continue = $(this).attr("data-action") == "continue"
+  #   $.rails.confirmed(link, should_continue)

data/app/assets/stylesheets/_verne.sass

@@ -0,0 +1,13 @@
+@import verne/settings
+@import verne/reset
+@import verne/typography
+@import verne/button
+@import verne/table
+@import verne/alert
+@import verne/code
+@import verne/form
+@import verne/progress
+// @import verne/dropdown
+// @import verne/link
+// @import verne/list
+// @import verne/modal

data/app/assets/stylesheets/verne/_alert.sass

@@ -0,0 +1,21 @@
+@import settings
+
+// Elements
+%alert
+  display: inline-block
+  background: $highlight-color
+  color: white
+  border: none
+  border-radius: $border-radius
+  position: relative
+  font-weight: 600
+  width: 100%
+  margin-bottom: $rhythm * 3
+  padding: $rhythm * 2 $rhythm * 3
+
+// Modifiers
+%alert-is-success
+  background: $success-color
+
+%alert-is-error
+  background: $error-color

data/app/assets/stylesheets/verne/_button.sass

@@ -0,0 +1,60 @@
+// Settings
+$offset: $rhythm / 2
+
+// Mixins
+@mixin button-is-colored($color)
+  @include box-shadow(0 0 0 1px $color)
+  color: $color
+  &:hover
+    background: transparentize($color, 0.9)
+  &:active
+    background: $color
+    color: white
+
+// Elements
+%button
+  font-size: $rhythm * 4 / 1.5
+  line-height: $rhythm * 3
+  font-weight: 400
+  text-decoration: none
+  text-align: center
+  padding:
+    top: $rhythm + $offset
+    bottom: $rhythm * 2 - $offset
+    left: $rhythm * 3
+    right: $rhythm * 3
+  margin: 0 0 $rhythm * 2 0
+  outline: none
+  display: inline-block
+  // color: white
+  border: none
+  transition: 0.1s all linear
+  border-radius: $border-radius
+  cursor: pointer
+  position: relative
+  -webkit-appearance: none
+  @include button-is-colored($primary-color)
+  
+// Modifiers
+%button-is-disabled
+  &, &:hover, &:active
+    @include box-shadow(0 0 0 1px $disabled-color)
+    color: $disabled-color
+    cursor: default
+    background: none
+
+%button-is-selected
+  &, &:hover
+    @include box-shadow(0 0 0 1px $highlight-color)
+    color: white
+    background: $highlight-color
+
+%button-is-large
+  font-size: $rhythm * 5 / 1.5
+  line-height: $rhythm * 5
+
+%button-is-success
+  @include button-is-colored($success-color)
+
+%button-is-highlight
+  @include button-is-colored($highlight-color)

data/app/assets/stylesheets/verne/_code.sass

@@ -0,0 +1,14 @@
+%pre, %code
+  background: transparentize($primary-color, 0.9)
+  font-family: "Courier Prime", "Courier New", "Courier", sans-serif
+  border-radius: $border-radius
+  font-weight: 300
+
+%pre
+  font-size: $rhythm * 4 / 1.6
+  padding: $rhythm * 3
+  line-height: $rhythm * 4
+  margin-bottom: $rhythm * 3
+
+%code
+  padding: $rhythm / 2

data/app/assets/stylesheets/verne/_dropdown.sass

@@ -0,0 +1,59 @@
+$dropdown-border-color: rgba(0, 0, 0, 0.4)
+
+.dropdown
+  position: relative
+  display: inline-block
+
+ul.dropdown-menu
+  display: none
+  position: absolute
+  background: white
+  list-style: none
+  margin: $rhythm 0 0 0
+  padding: 0
+  border: 1px solid $dropdown-border-color
+  background: white
+  left: 0
+  top: 100%
+  z-index: 1000
+  border-radius: 3px
+  box-shadow: 0px 0px $rhythm rgba(0, 0, 0, 0.2)
+
+  &:after
+    content: " "
+    position: absolute
+    width: 0
+    border: $rhythm solid transparent
+    border-bottom-color: white
+    bottom: 100%
+    left: 50%
+    margin-left: - $rhythm
+
+  &:before
+    content: " "
+    position: absolute
+    width: 0
+    border: $rhythm + 0.1 solid transparent
+    border-bottom-color: $dropdown-border-color
+    bottom: 100%
+    left: 50%
+    margin-left: - $rhythm - 0.1
+
+  li
+    margin: 0 
+    a
+      white-space: nowrap
+      text-align: center
+      display: block
+      margin: 0
+      padding: $rhythm / 2 $rhythm * 2
+      color: black
+      transition: 0.1s all linear
+      width: 100%
+      border-bottom: none
+      &:hover
+        background: rgba(0, 0, 0, 0.08)
+  li:first-child a
+    border-radius: 2px 2px 0 0
+  li:last-child a
+    border-radius: 0 0 2px 2px

data/app/assets/stylesheets/verne/_form.sass

@@ -0,0 +1,277 @@
+@import settings
+
+// Settings
+$border-width: 1px
+
+// Elements
+%form
+  margin-bottom: $rhythm * 3  
+
+%input
+  @include clearfix
+  @include user-select(none)
+  position: relative
+  margin-bottom: $rhythm * 3
+  display: block
+  label
+    display: block
+    font-weight: 700
+    line-height: $rhythm * 4 // 24px
+    margin-bottom: $rhythm
+    font-size: $rhythm * 4 / 1.5 // 16px
+  span
+    line-height: $rhythm * 3
+    margin-bottom: $rhythm * 2
+    font-size: $rhythm * 2
+    font-weight: 500    
+    display: none
+  div + span
+    display: block
+  input[type=text], input[type=url], input[type=number], input[type=email], input[type=password], select, textarea
+    font-weight: 500
+    line-height: $rhythm * 3
+    height: $rhythm * 7
+    margin-bottom: $rhythm
+    font-size: $rhythm * 4 / 1.5  // 16px
+    -webkit-appearance: none
+    background: transparentize($primary-color, 0.9)
+    box-sizing: border-box
+    margin:
+      left: 0
+      right: 0
+      top: 0
+    border-radius: $border-radius
+    border: none
+    @include box-shadow(0 0 0 1px $primary-color)
+    padding: 0 $rhythm * 2
+    height: $rhythm * 8
+    display: block
+    width: 100%
+    &, &:focus
+      outline: 0
+    &:focus
+      @include box-shadow(0 0 0 1px $highlight-color)
+      background: transparentize($highlight-color, 0.9)
+  textarea
+    height: $rhythm * 24
+    margin-bottom: $rhythm
+    padding-top: $rhythm * 1.5
+    padding-bottom: $rhythm * 1.5
+    resize: none
+
+%input-is-invalid
+  input[type=text], input[type=url], input[type=number], input[type=email], input[type=password], select, textarea
+    &, &:focus
+      @include box-shadow(0 0 0 1px $error-color)
+      background: transparentize($error-color, 0.9)
+  div + span
+    color: $error-color
+
+// Modifiers
+%input-is-radio-buttons, %input-is-check-boxes
+  margin-bottom: $rhythm * 2
+  span
+    display: block
+    float: left
+    margin: 0 $rhythm * 4 $rhythm 0
+    label
+      display: inline
+      font-weight: 400
+    input
+      margin: 0 $rhythm 0 0
+      &:disabled + label
+        color: $disabled-color
+
+%input-is-buttons
+  @extend %input-is-radio-buttons
+  span
+    margin: 0 $rhythm * 2 $rhythm * 2 0
+    label
+      @extend %button
+      display: block
+      margin: 0
+    input
+      display: none
+      &:checked + label
+        @extend %button-is-selected
+        display: block
+        margin: 0
+      &:disabled + label
+        @extend %button-is-disabled
+
+%input-is-select
+  div
+    position: relative
+    &:after
+      content: "\25BE"
+      position: absolute
+      right: $rhythm * 2.5
+      top: $rhythm * 2.25
+      color: $primary-color
+      z-index: 1000
+
+%input-is-white
+  border-color: rgba(255, 255, 255, 1.0)
+  color: rgba(255, 255, 255, 1.0)
+  &::-webkit-input-placeholder
+    color: rgba(255, 255, 255, 0.7)
+
+.form-old
+  .input.file
+    .input-wrapper
+      width: 100%
+  // .input.checkbox, .input.boolean
+  //  position: relative
+  //  overflow: hidden
+  //  label
+  //    margin-left: $checkbox-size + $rhythm * 2
+  //    line-height: $checkbox-size
+  //  .input-wrapper
+  //    position: absolute
+  //    top: 0
+  //    left: 0
+  //    margin-left: 0
+  //    width: $checkbox-size
+  //    height: $checkbox-size
+  //    border: $border-radius $highlight-color solid
+  //    border-radius: $border-radius
+  //    margin-bottom: $rhythm
+  //    text-align: center
+  //    &.checked
+  //      border-color: $emrald
+  //      color: $emrald
+  //      &:after
+  //        @include ss-standard
+  //        content: "check"
+  //        position: absolute
+  //        top: -1px
+  //        left: 0
+  //        right: 0
+  //        bottom: 0
+  //        line-height: $checkbox-size
+  //        pointer-events: none
+  //    input
+  //      margin: 0
+  //      padding: 0
+  //      cursor: pointer
+  //      width: 100%
+  //      height: 100%
+  //      opacity: 0
+
+
+// span.required, span.error
+//  top: - $line-height * 0.1
+//  position: relative
+//  font-family: $secondary-font-family
+//  background: $highlight-color
+//  border-radius: 2px
+//  color: white
+//  display: inline-block
+//  line-height: $line-height * 0.7
+//  font-size: $secondary-font-size * 0.7
+//  font-weight: bold
+//  text-transform: uppercase
+//  padding: 0 $line-height * 0.2
+//  margin: 0
+//  margin-right: $line-height * 0.2
+//  .input &
+//    margin-left: $line-height * 0.2
+
+// form
+//  span.hint
+//    display: block
+//    font-family: $secondary-font-family
+//    line-height: $line-height
+
+//  .input
+//    position: relative
+//    margin-bottom: $line-height
+//    overflow: hidden
+
+//    &.hidden
+//      margin: 0
+
+//    &.date
+//      margin-right: $line-height
+//      label
+//        margin-left: $line-height
+//      > .input_wrapper > .select_wrapper
+//        @include span-columns(4)
+//        select
+//          width: 100%
+//          margin: 0
+          
+//    > label.control-label
+//      display: inline-block
+//      margin-bottom: $line-height * 0.5
+//      text-align: left
+
+//    > .input_wrapper
+//      > .select_wrapper
+//        position: relative
+//        overflow: hidden
+//        &:after
+//          content: "descend"
+//          position: absolute
+//          top: 2px
+//          line-height: $line-height * 2
+//          font-size: $font-size * 0.7
+//          bottom: $line-height
+//          color: rgba(0, 0, 0, 0.3)
+//          right: $line-height * 0.5
+//          z-index: 1000
+//        select
+//          width: 100%
+//          display: block
+//          height: $line-height * 2.0
+//          padding: $line-height * 0.5
+//          border: none
+//          border-bottom: 3px solid rgba(0, 0, 0, 0.4)
+//          background: rgba(0, 0, 0, 0.07)
+//          outline: none
+//          box-sizing: border-box
+//          -webkit-appearance: none
+//          border-radius: 0
+//          position: relative
+
+//      > input, > textarea
+//        display: block
+//        height: $line-height * 2.0
+//        padding: $line-height * 0.5
+//        width: 100%
+//        border: none
+//        border-bottom: 3px solid rgba(0, 0, 0, 0.2)
+//        background: rgba(0, 0, 0, 0.07)
+//        outline: none
+//        resize: none
+//        box-sizing: border-box
+        
+//      > textarea
+//        height: $line-height * 8.0
+
+
+//    &.check_boxes, &.radio_buttons, &.boolean
+//      > label.control-label
+//        margin-left: $line-height
+//      margin-right: $line-height
+//      user-select: none
+//      -webkit-user-select: none
+//      label.checkbox, label.radio
+//        @include span-columns(6)
+//        background: rgba(0, 0, 0, 0.05)
+//        display: block
+//        line-height: $line-height
+//        text-align: left
+//        padding: $line-height * 0.5
+//        box-sizing: border-box
+//        border-bottom: 3px solid rgba(0, 0, 0, 0.2)
+//        margin-bottom: $line-height
+//        font-weight: 400
+//        &:hover
+//          cursor: pointer
+//        &.selected
+//          background: $highlight-color
+//          border-bottom-color: $highlight-color
+//          font-weight: 700
+//        input
+//          display: none

data/app/assets/stylesheets/verne/_list.sass

@@ -0,0 +1,39 @@
+@import "variables"
+
+ol, ul
+  margin: 0 0 $rhythm * 3 0
+  padding: 0
+  list-style-type: none
+  li
+    margin: 0 0 $rhythm 0
+    padding: 0
+
+%ol
+  counter-reset: li
+  li
+    padding-left: $rhythm * 4
+    position: relative
+    &:before
+      content: counter(li)
+      counter-increment: li
+      height: 100%
+      font-weight: 700
+      display: block
+      position: absolute
+      left: 0
+      top: 0
+      bottom: 0
+      color: $highlight-color
+%ul
+  li
+    position: relative
+    padding-left: $rhythm * 4
+    &:before
+      @include ss-standard
+      content: "directright"
+      font-size: 9px
+      color: $highlight-color
+      display: inline-block
+      position: absolute
+      top: 2px
+      left: 0

data/app/assets/stylesheets/verne/_modal.sass

@@ -0,0 +1,45 @@
+.modal
+  display: none
+
+.overlay
+  position: fixed
+  width: auto
+  height: auto
+  margin: 0
+  padding: 0
+  background: rgba(0, 0, 0, 0.6)
+  top: 0
+  left: 0
+  right: 0
+  bottom: 0
+  z-index: 2000
+  text-align: center
+
+  &:before
+    content: ""
+    display: inline-block
+    height: 100%
+    vertical-align: middle
+
+  .modal
+    text-align: left
+    display: inline-block
+    vertical-align: middle
+    box-shadow: 0 0 $rhythm rgba(0, 0, 0, 0.3)
+    border-radius: $border-radius
+    width: $rhythm * 72
+    min-height: $rhythm * 32
+    background: white
+    padding: $rhythm * 3
+    overflow: hidden
+    h2
+      margin-bottom: $rhythm * 3
+    .modal-toolbar
+      text-align: right
+      padding-top: $rhythm * 3
+      .button
+        display: inline-block
+        margin: 0 0 0 $rhythm
+    .modal-content
+      max-height: $rhythm * 64
+      overflow: scroll

data/app/assets/stylesheets/verne/_progress.sass

@@ -0,0 +1,22 @@
+// Elements
+%progress
+  width: 100%
+  border-radius: $border-radius
+  position: relative
+  text-align: left
+  margin-bottom: $rhythm * 4
+  background: transparentize($highlight-color, 0.6)
+  padding: $rhythm 0
+  > span
+    font-weight: 600
+    position: relative
+    z-index: 1000
+    margin-left: $rhythm * 2
+    color: white  
+  > div
+    background: $highlight-color
+    height: $rhythm * 6
+    position: absolute
+    top: 0
+    border-radius: $border-radius
+    transition: 0.3s all ease-in-out

data/app/assets/stylesheets/verne/_reset.sass

@@ -0,0 +1,12 @@
+*
+  box-sizing: border-box
+
+html, body
+  margin: 0
+  padding: 0
+  width: 100%
+  height: 100%
+  background: $background-color
+
+html
+  font-size: $scale

data/app/assets/stylesheets/verne/_settings.sass

@@ -0,0 +1,11 @@
+$rhythm: 0.5rem !default
+$scale: 75% !default
+$border-radius: $rhythm / 2 !default
+$font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
+
+$primary-color: rgb(44, 62, 80) !default
+$highlight-color: rgb(52, 152, 219) !default
+$background-color: rgb(236, 240, 241) !default
+$disabled-color: transparentize($primary-color, 0.7) !default
+$success-color: rgb(39, 174, 96) !default
+$error-color: rgb(231, 76, 60) !default

data/app/assets/stylesheets/verne/_table.sass

@@ -0,0 +1,55 @@
+@import settings
+
+// Elements
+%table
+  width: 100%
+  margin-bottom: $rhythm * 4
+  border-collapse: collapse
+  border-radius: $border-radius
+  border-top: 1px solid $highlight-color
+  border-bottom: 1px solid $highlight-color
+  &.sortable
+    tr.item
+      cursor: row-resize
+  tr
+    &[data-target]:hover
+      transition: 0.1s all linear
+      cursor: pointer
+      td, th
+        background: $highlight-color
+        img
+          border-color: white
+        &, i
+          color: white
+    td, th
+      padding: $rhythm 0
+      padding-right: $rhythm * 2
+      text-align: center
+      &:last-child
+        text-align: right
+        padding-right: 0
+      &:first-child
+        text-align: left
+      a
+        text-decoration: none
+        border: none
+      .ss-icon
+        position: relative
+        top: 3px
+      &.center
+        text-align: center
+      &.right
+        text-align: right
+      &.icon
+        width: 100px
+      &.bold
+        font-weight: 600
+    th
+      border-top: 1px solid $highlight-color
+      border-bottom: 1px solid $highlight-color
+    &.ui-sortable-helper
+      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2)
+    &.placeholder
+      height: 48px
+      *
+        background: rgba(0, 0, 0, 0.1)

data/app/assets/stylesheets/verne/_typography.sass

@@ -0,0 +1,110 @@
+@mixin baseline-adjust($offset)
+  position: relative
+  top: $offset
+
+@mixin ss-standard
+  font-family: "SSStandard"
+  font-style: normal
+  font-weight: normal
+  text-decoration: none
+  text-rendering: optimizeLegibility
+  white-space: nowrap
+  -moz-font-feature-settings: "liga=1"
+  -moz-font-feature-settings: "liga"
+  -ms-font-feature-settings: "liga" 1
+  -o-font-feature-settings: "liga"
+  font-feature-settings: "liga"
+  -webkit-font-smoothing: antialiased
+
+body, input, select, textarea, button
+  font-family: $font-family
+  color: $primary-color
+  text-align: left
+
+h1, h2, h3, h4, h5, h6, p, span, label, input, blockquote, li
+  margin: 0
+  padding: 0
+
+*
+  line-height: $rhythm * 4
+  font-size: $rhythm * 4 / 1.5 // 16px
+  font-weight: 300
+  color: $primary-color
+
+b, strong
+  font-weight: 600
+
+a
+  color: $highlight-color
+  text-decoration: none
+  border-bottom: 1px solid $highlight-color
+
+.dropdown-menu
+  a
+    line-height: $rhythm * 4
+    font-size: 14px
+
+cite
+  line-height: $rhythm * 3
+  font-size: $rhythm * 3 / 1.5 // 12px
+  text-transform: uppercase
+  display: block
+  font-style: normal
+  font-weight: 600
+
+p, li, h4, h5
+  margin-bottom: $rhythm * 2
+
+blockquote, q
+  color: $primary-color
+  $offset: $rhythm / 2
+  line-height: $rhythm * 6 // 36px
+  font-size: ($rhythm * 5) * 0.8 // 24px
+  border-left: $rhythm solid $highlight-color
+  font-style: italic
+  font-weight: 300
+  display: block
+  margin: 0 0 $rhythm * 2 0
+  padding:
+    top: $rhythm * 2 + $offset
+    bottom: $rhythm * 3 - $offset
+    left: $rhythm * 4
+    right: $rhythm * 12
+
+h1
+  &, & *
+    line-height: $rhythm * 12 // 72px
+    margin-bottom: $rhythm * 3
+    font-size: $rhythm * 12 // 72px
+    font-weight: 900
+    color: $primary-color
+
+h2
+  line-height: $rhythm * 8 // 48px
+  margin-bottom: $rhythm * 5
+  font-size: ($rhythm * 8) * 0.8 // 40px
+  font-weight: 300
+  color: $highlight-color
+
+h3
+  &, & *
+    line-height: $rhythm * 5 // 30px
+    margin-bottom: $rhythm * 2
+    font-size: ($rhythm * 5) * 0.8 // 24px
+    font-weight: 700
+  color: $primary-color
+
+h4
+  font-weight: 700
+  color: $highlight-color
+
+h5
+  &, & *
+    line-height: $rhythm * 5 // 30px
+    font-size: ($rhythm * 5) / 1.5 // 20px
+
+table
+  th
+    font-weight: 700
+  td
+    font-weight: 300

data/bin/verne

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+require File.dirname(__FILE__) + '/../lib/verne.rb'
+Verne::Generator.start

data/lib/verne.rb

@@ -0,0 +1,19 @@
+dir = File.dirname(__FILE__)
+$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
+
+require "bourbon"
+require "verne/generator"
+
+unless defined?(Sass)
+  require "sass"
+end
+
+module Verne
+  if defined?(Rails) and defined?(Rails::Engine)
+    class Engine < ::Rails::Engine
+      require "verne/engine"
+    end
+  else
+    Sass.load_paths << File.expand_path("../../app/assets/stylesheets", __FILE__)
+  end
+end

data/lib/verne/engine.rb

@@ -0,0 +1,5 @@
+module Verne
+  class Engine < Rails::Engine
+  	# Automatically configure the asset pipeline
+  end
+end

data/lib/verne/generator.rb

@@ -0,0 +1,78 @@
+require "verne/version"
+require "fileutils"
+require "thor"
+
+module Verne
+  class Generator < Thor
+    map ['-v', '--version'] => :version
+
+    desc 'install', 'Install Verne into your project'
+    method_options path: :string, force: :boolean
+    def install
+      if verne_files_already_exist? and !options[:force]
+        puts "Verne files already installed. No action taken."
+      else
+        install_files
+        puts "Verne files installed to #{install_path}/"
+      end
+    end
+
+    desc 'update', 'Update Verne'
+    method_options path: :string
+    def update
+      if verne_files_already_exist?
+        remove_verne_directory
+        install_files
+        puts "Verne files updated."
+      else
+        puts "No existing Verne installation. No action taken."
+      end
+    end
+
+    desc 'remove', 'Remove Verne from your project'
+    method_options path: :string
+    def remove
+      if verne_files_already_exist?
+        remove_verne_directory
+        puts "Verne was successfully removed."
+      else
+        puts "No existing verne installation. No action taken."
+      end
+    end
+
+    private
+
+    def install_path
+      @install_path ||= if options[:path]
+        Pathname.new(File.join(options[:path], 'verne'))
+      else
+        Pathname.new('verne')
+      end
+    end
+
+    def verne_files_already_exist?
+      install_path.exist?
+    end
+
+    def remove_verne_directory
+      FileUtils.rm_rf(install_path)
+    end
+
+    def install_files
+      FileUtils.mkdir_p(install_path)
+      FileUtils.cp_r(all_stylesheets, install_path)
+    end
+
+    def all_stylesheets
+      Dir["#{stylesheets_directory}/*"]
+    end
+
+    def stylesheets_directory
+      File.join(top_level_directory, "app", "assets", "stylesheets")
+    end
+
+    def top_level_directory
+      File.dirname(File.dirname(File.dirname(__FILE__)))
+    end
+  end
+end

data/lib/verne/version.rb

@@ -0,0 +1,3 @@
+module Verne
+  VERSION = '0.1.0'
+end

data/verne.gemspec

@@ -0,0 +1,23 @@
+$:.push File.expand_path("../lib", __FILE__)
+require 'verne/version'
+
+Gem::Specification.new do |s|
+  s.name        = 'verne'
+  s.version     = Verne::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.date        = '2014-04-23'
+  s.summary     = 'A set of simple and semantic UI elements'
+  s.authors     = ["Devon Tivona"]
+  s.email       = 'devon@tivona.me'
+  s.files       = ["lib/verne.rb"]
+  s.homepage    = 'http://verne.tivona.me'
+  s.license     = "MIT"
+  
+  s.files         = `git ls-files`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_dependency('sass', '>= 3.2')
+  s.add_dependency('bourbon', '>= 2.1')
+  s.add_dependency('thor')
+end

metadata

@@ -0,0 +1,112 @@
+--- !ruby/object:Gem::Specification
+name: verne
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Devon Tivona
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: bourbon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '2.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email: devon@tivona.me
+executables:
+- verne
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- LICENSE
+- README.md
+- app/assets/javascripts/verne.dropdown.js.coffee
+- app/assets/javascripts/verne.form.js.coffee
+- app/assets/javascripts/verne.js.coffee
+- app/assets/javascripts/verne.modal.js.coffee
+- app/assets/stylesheets/_verne.sass
+- app/assets/stylesheets/verne/_alert.sass
+- app/assets/stylesheets/verne/_button.sass
+- app/assets/stylesheets/verne/_code.sass
+- app/assets/stylesheets/verne/_dropdown.sass
+- app/assets/stylesheets/verne/_form.sass
+- app/assets/stylesheets/verne/_list.sass
+- app/assets/stylesheets/verne/_modal.sass
+- app/assets/stylesheets/verne/_progress.sass
+- app/assets/stylesheets/verne/_reset.sass
+- app/assets/stylesheets/verne/_settings.sass
+- app/assets/stylesheets/verne/_table.sass
+- app/assets/stylesheets/verne/_typography.sass
+- bin/verne
+- lib/verne.rb
+- lib/verne/engine.rb
+- lib/verne/generator.rb
+- lib/verne/version.rb
+- verne.gemspec
+homepage: http://verne.tivona.me
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: A set of simple and semantic UI elements
+test_files: []