shipyard-framework 0.5.3 → 0.5.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3303f8cdc161922530bd5e68c26e1cb2329bf2e4
-  data.tar.gz: 68814dad96d7e7a5976de4f4fcc7728ed8464bff
+  metadata.gz: 8bd01f1fb7a8579b8fe65a57427dcf0615c46fff
+  data.tar.gz: 7c148abd6f6a21ae4fdf832ba60cad78c1b1516f
 SHA512:
-  metadata.gz: e04e852ade3ecbc804051695cad226235ae1e5dda1928857c1f2ad2685aba00c93c76ad72eed99a73ead4dde3e2510758438c922565deaa6f98b67e1c92cf726
-  data.tar.gz: 734ceae2a26fdc135aba6785351446435d3c63648a714c9dc7a8fc094c45085879378a1bd2b39e5220405d1e781f768d8f794a29ccd91f758a4db1b045509387
+  metadata.gz: 2d09ee547ca4d3584c61eae91b10ea0777eb6e199e7d44ce44c3aebd3cee488e9b3aa303076a57388dff8fc2655c1d2162b05150ce9f27b98a3c26c0310a74e7
+  data.tar.gz: b4936128fa5d312afcbbff946fcd8212265b95898e59478851b8aa081aa5f6045d881a66d7458cfeae387db3cd133905f659f829fca83f1496a40fdb28a1133b

data/.gitignore

@@ -8,3 +8,4 @@
 /spec/reports/
 /tmp/
 shipyard-*.gem
+.asset-cache

data/.travis.yml

@@ -0,0 +1,36 @@
+language: ruby
+cache: bundler
+rvm:
+- 2.4.1
+before_install:
+- chmod +x ci/setup
+install:
+- "./ci/setup"
+before_script:
+- chmod +x ci/jekyll
+jobs:
+  include:
+  - script: "./ci/jekyll"
+  - script: bundle exec rspec
+deploy:
+  provider: rubygems
+  api_key:
+    secure: AaMZlXnSGb14LR9Xjo3j+65+U2tRCG8ZgO3iCGksV3riAWg5E0l0maM7HEXCi9+f6GbnQ3z/irEBtQiddU7fEKw1OoUmo7jkDh5juhmZjRa1y0hnn6VISRj6DpP3/KX9w++UDFJ4AWxwRr6h4sB3uhuIedBxlOuIuGlvE408Dzhd154F60EMO8/tYYNzksFBuSTBHZqmFSPnbYY1PN5OOW9VVjDO6D/FukraDqgDY0N475Tk86EpDXddd1ZSI+wJOcQBH/7SAYbAR0eL70fWZlbiBayOw6paPCAzbFZHXdN8j2oiXFwmzDwQvqKq2o1hcMzXq+EZ/KaAOoIS+99prBxyke8QEWB4fsFlkfEuB2t1HUpvQDTITwOTW0g0jI/kgiiOcmI+622ERfTeNOfNznqBEwDnL0BrGRy1Ygz4sJrIphQ9B0BURyQSk3wBR5Vy1CbgDyp1G34gezjUiDszoBasQI0k/47QLbTvtKVa+5xEP7Ud7lyAR8dHNBPIUFWb0xSJ9Nm5Qvnc15A4FikTzu948SQrAvPkDVrw2Up/RYgxHCR+lXh36npeza85/FBQCaKbRVVoVzN8dzbHgbHYMvZeQVCCW6ngFPVLsofW9NACyuSalf4+AsbNi18E9fJzVcfyVUuh+f4TH66msneYqPxk+Pat14VghO7bE3xvEgk=
+  gem: shipyard
+  on:
+    branch: master
+    repo: codeship/shipyard
+env:
+  global:
+  - NOKOGIRI_USE_SYSTEM_LIBRARIES=true
+sudo: false
+branches:
+  except:
+  - gh-pages
+  - "/skip-ci(.*)/"
+notifications:
+  email: false
+  slack:
+    on_success: always
+    rooms:
+      secure: AAXYbqh+QCyhZHHRWUiRa33qFf6ftBCJjVzjvrTZJFTEaTqFB5FwoWfZN15xggglR+42vJyQ9yVVr1XZ/uGiNhXFDi0mPhqjL2+RJ4I3etzFhDWJWp0/BcpOwYx7c0pPAzFhooK9X8cxzRrK/O7viHkM5GQ1mvXv8kld4Y1cZxPaFaoHHwK/BTAlrtZ111aloYe65TAi1qi+LBZ0oeJDBzW3jHvJ0U/4yfgCcnty8KZqzWDTX9eNzmwRdceVu9/rKfVToaNtoh4SGD128MlaXxaRPkJVzF261ZDhx2Fyi1kkzeZXWJtiadVARYmvXogSAQFPkaWfMRIEM4qHWSEYmUud0B3oB1GBTVOMmy+HKo0aRvhJUxPHNUvRejdo/vPYlRjwm66MPOyI9UUqZ3wGQ7NBzWJLB1O+C4sl4eXB5lINm5E85SojIhnStk1ARFgbFZEXiHTEaW11VedP+cA6b9UYy6FVYBokr9Yc8XpbmNiP6A0wwOscvQASslhbkaLZq/2S5IIftCD5I3EcFSP+BIMZnjA9YkBYMA3VOb2+HDETmzmFRG9cUCEoe65BQ9tGcvGg/msJQywWN2MgGu8LpgaDzkSaZ5Q3JTKSL3Sh9lYPpnFL678xTinK0YqmP5IKT5DcwxIYzoTmXnUv2setajvibaA/kBom7uEaXfFQ/yQ=

data/README.md

@@ -1,8 +1,6 @@
 # Shipyard
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/shipyard`. To experiment with that code, run `bin/console` for an interactive prompt.
-
-TODO: Delete this and the text above, and describe your gem
+A light-weight, powerful, front-end framework for faster web development and useful tools for Ruby on Rails and Jekyll enthusiasts.
 
 ## Installation
 
@@ -20,7 +18,7 @@ Or install it yourself as:
 
     $ gem install shipyard-framework
 
-The add this line to your application's CSS file(s):
+Then add this line to your application's CSS file(s):
 
 ```css
 @import "shipyard"
@@ -36,19 +34,12 @@ plugins:
 [![Gem Version](https://badge.fury.io/rb/shipyard-framework.svg)](https://badge.fury.io/rb/shipyard-framework)
 [![Codeship Status for codeship/shipyard](https://app.codeship.com/projects/30419df0-80ff-0135-f7fb-06994b6b032d/status?branch=master)](https://app.codeship.com/projects/246808)
 
-## Usage
-
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+## Development Workflow
+Shipyard uses [Codeship Basic](https://codeship.com/features/basic) to automate the testing and deployment workflows. If you would like to make a contribution to this project, all tests will need to pass and an administrator will need to approve the changes before they can be merged into master.
 
-## Contributing
+## Bugs & Feature Requests
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/shipyard. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Have a bug or a feature request? Please first read [the issue guidelines](https://github.com/codeship/shipyard/wiki/issues) and search for [existing and closed issues](https://github.com/codeship/shipyard/issues?utf8=%E2%9C%93&q=is%3Aissue). If your problem or idea is not addressed yet, please [open a new issue](https://github.com/codeship/shipyard/issues/new).
 
 ## License
 

data/Rakefile

@@ -1,6 +1,16 @@
-require "bundler/gem_tasks"
-require "rspec/core/rake_task"
+require 'bundler/gem_tasks'
+require 'rspec/core/rake_task'
+require 'shipyard-framework'
+require 'shipyard-framework/icons'
 
 RSpec::Core::RakeTask.new(:spec)
-
 task :default => :spec
+
+namespace :shipyard do
+  desc "Compiles Shipyard and custom icons into an external svg definitions file."
+  task :icons, [:icon_directory, :output_directory] do |t, args|
+    args.with_defaults(:icon_directory => '/app/assets/icons/', :output_directory => '/public/assets/')
+    icons = Shipyard::Icons.new args.icon_directory, args.output_directory
+    icons.write
+  end
+end

data/app/helpers/shipyard/alert_helper.rb

@@ -1,5 +1,8 @@
+require_relative 'icon_helper'
+
 module Shipyard
   module AlertHelper
+    include Shipyard::IconHelper
     include ActionView::Context
     include ActionView::Helpers::TagHelper
     include ActionView::Helpers::TextHelper
@@ -8,13 +11,14 @@ module Shipyard
       alert_txt = capture(&block) if block_given?
       options = {}
       options[:role] ||= 'alert'
-      options[:data] ||= {}
-      options[:data][:shipyard] = 'alert'
-      options['v-show'] = 'visible'
       class_list = ['alert']
+      dismissible = false
 
       args.each do |arg|
-        if arg.is_a? Symbol
+        if arg == :dismissible
+          dismissible = true
+          options[:shipyard] = 'alert'
+        elsif arg.is_a? Symbol
           class_list << "alert-#{alert_type(arg)}"
         elsif arg.is_a? Hash
           options = options.merge(arg) if arg.is_a?(Hash)
@@ -27,13 +31,12 @@ module Shipyard
 
       content_tag :div, options do
         concat content_tag(:p, raw(alert_txt), class: 'alert-txt')
-        if defined? icon
-          concat content_tag(
-                  icon('x', class: 'alert-close-icon icon-outline-inverse center'),
-                  svg_html,
-                  class: 'alert-close v-center',
-                  '@click': 'close'
-                )
+        if dismissible
+          concat content_tag(:button,
+                   icon(:x, class: 'alert-close-icon icon-outline-inverse center'),
+                   class: 'alert-close v-center',
+                   shipyard: 'alert-close'
+                 )
         end
       end
     end

data/app/helpers/shipyard/icon_helper.rb

@@ -5,16 +5,22 @@ module Shipyard
 
     def icon(name, options={})
       if name.is_a? Symbol
-        svg = Icons.instance.find_by(symbol: name)
+        svg = find_icon(symbol: name)
         svg_use_tag svg, options
       else
-        svg = Icons.instance.find_by(id: name)
+        svg = find_icon(id: name)
         svg_tag svg, options
       end
     end
 
     private
 
+    def find_icon(hash)
+      icon = $icons.icons.detect { |i| i[hash.keys.first] == hash.values.first }
+      raise_error(hash.values.first) unless icon
+      icon
+    end
+
     def svg_options(svg, options)
       options[:class] = svg_classes(svg, options)
       options[:viewBox] ||= svg[:view_box]
@@ -36,7 +42,7 @@ module Shipyard
 
     def svg_use_tag(svg, options)
       content_tag :svg, svg_options(svg, options) do
-        content_tag :use, nil, 'xlink:href' => Icons.instance.asset_path(svg[:id])
+        content_tag :use, nil, 'xlink:href' => $icons.asset_path(svg[:id])
       end
     end
 

data/assets/javascripts/shipyard/alerts.es6

@@ -0,0 +1,13 @@
+class Alerts extends Shipyard {
+  constructor (el) {
+    super(el)
+    this.el.forEach((el) => {
+      el.querySelector('[shipyard="alert-close"]')
+        .addEventListener('click', () => { this.close(el) })
+    })
+  }
+
+  close (el) {
+    el.classList.add('alert-closed')
+  }
+}

data/assets/javascripts/shipyard/core.es6

@@ -1,3 +1,36 @@
 class Shipyard {
-  constructor () {}
+  constructor (el) {
+    this.el = typeof el === 'string' ? document.querySelectorAll(el) : [el]
+    this.html = document.documentElement
+    return this
+  }
+
+  on (events, callback) {
+    this.el.forEach((el) => {
+      events.split(' ').forEach((eventName) => {
+        el.addEventListener(eventName, callback)
+      })
+    })
+    return this
+  }
+
+  trigger (events) {
+    this.el.forEach((el) => {
+      events.split(' ').forEach((eventName) => {
+        el.dispatchEvent(new Event(eventName))
+      })
+    })
+    return this
+  }
+
+  css (el, value) {
+    return window.getComputedStyle(el).getPropertyValue(value)
+  }
+
+  addClass(className) {
+    this.el.forEach((el) => {
+      el.classList.add(className)
+    })
+    return this
+  }
 }

data/assets/javascripts/shipyard/hamburger.es6

@@ -0,0 +1,10 @@
+class Hamburger extends Shipyard {
+  constructor (el) {
+    super(el)
+    this.on('click', () => { this.onClick() })
+  }
+
+  onClick () {
+    this.html.classList.toggle('hamburger-button-clicked')
+  }
+}

data/assets/javascripts/shipyard/scroll.es6

@@ -0,0 +1,12 @@
+class Scroll extends Shipyard {
+  constructor (el) {
+    super(el)
+    this.on('scroll resize', () => { this.scroll() }).trigger('scroll')
+  }
+
+  scroll () {
+    this.html.classList.toggle('scrolling', window.pageYOffset > 0)
+    this.html.classList.toggle('scroll-top', window.pageYOffset <= 0)
+    this.html.classList.toggle('scroll-bottom', window.pageYOffset + window.innerHeight >= document.body.scrollHeight)
+  }
+}

data/assets/javascripts/shipyard.es6

@@ -1,6 +1,9 @@
 //= require ./shipyard/core
-//= require ./shipyard/alert
-//= require ./shipyard/icon
+//= require ./shipyard/scroll
+//= require ./shipyard/hamburger
+//= require ./shipyard/alerts
 
-var shipyard = new Shipyard()
-var alert = new Alert()
+var shipyard = new Shipyard('html')
+var windowScroll = new Scroll(window)
+var hamburger = new Hamburger('[shipyard=hamburger]')
+var shipyardAlerts = new Alerts('[shipyard=alert]')

data/assets/stylesheets/shipyard/_components.sass

@@ -11,3 +11,4 @@
 @import shipyard/components/modals
 @import shipyard/components/tooltips
 @import shipyard/components/hamburger
+@import shipyard/components/tables

data/assets/stylesheets/shipyard/_core.sass

@@ -15,4 +15,3 @@
 @import shipyard/core/animations
 @import shipyard/core/reset
 @import shipyard/core/typography
-@import shipyard/core/grid

data/assets/stylesheets/shipyard/_utilities.sass

@@ -1,4 +1,6 @@
+@import shipyard/utilities/grid
 @import shipyard/utilities/colors
 @import shipyard/utilities/display
 @import shipyard/utilities/positioning
 @import shipyard/utilities/typography
+@import shipyard/utilities/margin

data/assets/stylesheets/shipyard/components/_alerts.sass

@@ -16,6 +16,10 @@
     color: #fff
     &:not(.btn)
       font-weight: $bold
+
+  &-closed
+    display: none
+
   &-timer
     top: 0
     left: 0

data/assets/stylesheets/shipyard/components/_boxes.sass

@@ -1,7 +1,7 @@
 .box
   &, &-link
     background: #fff
-    box-shadow: 0 1px 2px rgba($gray-darkest,.08)
+    +box-shadow
 
   &, &-link, &-secondary
     display: block
@@ -14,7 +14,7 @@
     background: $gray-lighter
 
   &-rounded
-    border-radius: 50%
+    border-radius: 1000px
 
   &-link
     color: $blue
@@ -39,6 +39,6 @@
 
   // Box Sizes
   +all-media-sizes
-    @each $size, $height in (xxs: 50px, xs: 60px, sm: 70px, md: 80px, lg: 90px, xl: 100px)
+    @each $size, $height in (xxs: 50px, xs: 60px, sm: 70px, md: 80px, lg: 90px, xl: 100px, xxl: 110px)
       &-#{$size}
         height: $height

data/assets/stylesheets/shipyard/components/_buttons.sass

@@ -26,48 +26,40 @@
   @if $text-color
     color: $text-color
 
-@mixin btn-hover($color, $text-color: null, $border-color: null)
+@mixin btn-hover($color, $text-color: null, $border-color: null, $text-decoration: none)
   &:hover, &:focus, &:active
-    text-decoration: none
+    text-decoration: $text-decoration
     +btn-color($color, $text-color, $border-color)
 
-@mixin btn-size($size)
+@mixin btn-size($size, $min-width: null)
   @if $size == xxs
     font-size: 12px
     padding: 0 8px
-    height: 20px
-    min-width: 20px
-    line-height: 16px
+    +btn-size(20px)
   @else if $size == xs
     font-size: 12px
     padding: 0 10px
-    height: 30px
-    min-width: 30px
-    line-height: 26px
+    +btn-size(30px)
   @else if $size == sm
     font-size: 14px
     padding: 0 15px
-    height: 40px
-    min-width: 40px
-    line-height: 36px
+    +btn-size(40px)
   @else if $size == md
     font-size: 16px
     padding: 0 20px
-    height: 50px
-    min-width: 50px
-    line-height: 46px
+    +btn-size(50px)
   @else if $size == lg
     font-size: 18px
     padding: 0 30px
-    height: 60px
-    min-width: 60px
-    line-height: 56px
+    +btn-size(60px)
   @else if $size == xl
     font-size: 20px
     padding: 0 35px
-    height: 70px
-    min-width: 70px
-    line-height: 66px
+    +btn-size(70px)
+  @else if type-of($size) == 'number'
+    height: $size
+    line-height: $size - 4px
+    min-width: if($min-width, $min-width, $size)
 
 +component('btn')
   +btn
@@ -141,6 +133,10 @@
     +btn-color($green-dark)
     +btn-hover($green-darker)
 
+  &-link
+    +btn-color(transparent, $blue)
+    +btn-hover(transparent, $blue-dark, $text-decoration: underline)
+
   &-checked
     &, &:active, &:hover, &:focus
       +btn-color($green-dark, #fff)

data/assets/stylesheets/shipyard/components/_code.sass

@@ -7,6 +7,7 @@
 
   &-block
     +extend
+    display: block
     padding: 20px 30px
     line-height: 1.6
     +border-radius

data/assets/stylesheets/shipyard/components/_hamburger.sass

@@ -3,8 +3,9 @@
 // --------------------------------------------------
 +component('hamburger')
   top: 25px
-  left: 5px
+  left: 10px
   outline: none
+  +respond-to(display, (x1: none))
   .hamburger-button-clicked &
     background: transparent
 

data/assets/stylesheets/shipyard/components/_header.sass

@@ -0,0 +1,60 @@
++component('header')
+  $height: 70px
+  top: 0
+  left: 0
+  right: 0
+  position: fixed
+  transition: height 250ms ease, background-color 250ms ease
+  +respond-to(overflow, (x0: hidden, x1: visible))
+  +respond-to(height, (x0: 50px, x1: 60px, x2: 70px))
+  +respond-to(text-align, (x0: center, x1: left))
+  +respond-to(line-height, (x0: 50px, x1: 60px, x2: 70px))
+  .hamburger-button-clicked &
+    height: 100%
+
+  +sub-component('logo')
+    display: inline-block
+    +respond-to(margin, (x0: 0 auto, x1: 0))
+    +respond-to(font-size, (x0: 20px, x1: 24px))
+    +respond-to(float, (x1: left))
+    a
+      color: $blue-darkest
+
+  +sub-component('list')
+    +respond-to(float, (x1: right))
+    +respond-to(margin-right, (x1: -15px))
+
+  &-item
+    +respond-to(margin, (x1: 0 15px))
+    +respond-to(display, (x0: block, x1: inline))
+    &-cta
+      +respond-to(top, (x0: 0, x1: auto))
+      +respond-to(right, (x0: 10px, x1: auto))
+      +respond-to(position, (x0: fixed, x1: static))
+
+  &-link
+    color: inherit
+    +when('item-current')
+      position: relative
+      color: $blue
+      font-weight: $bold
+      cursor: default
+      &::after
+        content: ''
+        position: absolute
+        left: 0
+        bottom: -2px
+        background: $blue-lighter
+        +border-radius
+        +width-height(100%, 2px)
+    &, &:hover
+      text-decoration: none
+    &:hover
+      color: $blue
+    &-cta
+      color: darken($green, 5%)
+      font-weight: $bold
+      &:hover
+        color: $green-dark
+      &, &:hover
+        text-decoration: none

data/assets/stylesheets/shipyard/components/_tables.sass

@@ -0,0 +1,20 @@
++component('table')
+  width: 100%
+  text-align: left
+  border-spacing: 0
+
+  tr
+    &:nth-child(even)
+      background: rgba($gray-lighter, .5)
+
+  th, td
+    +respond-to(padding, (x0: 5px, x1: 10px, x2: 15px))
+
+  th
+    border-bottom: 2px solid $gray-lighter
+
+  td
+    &:first-child
+      border-radius: 3px 0 0 3px
+    &:last-child
+      border-radius: 0 3px 3px 0

data/assets/stylesheets/shipyard/core/_typography.sass

@@ -2,6 +2,7 @@ body
   background: $gray-lightest
   color: $gray-darker
   font-family: $font-family
+  font-weight: $normal
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
 

data/assets/stylesheets/shipyard/mixins/_box-model.sass

@@ -5,6 +5,9 @@
 @mixin border-radius($radius: $border-radius)
   border-radius: $radius
 
+@mixin box-shadow($value: $box-shadow)
+  box-shadow: $value
+
 @mixin clearfix
   &::after
     clear: both

data/assets/stylesheets/shipyard/{core → utilities}/_grid.sass

@@ -13,7 +13,8 @@ $widths: (auto, 5, 10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 7
 @mixin column-sizes
   @each $width in $widths
     &-#{$width}
-      +column-style(width, $width)
+      +column-style(max-width, $width)
+      +column-style(flex-basis, $width)
     &-offset-#{$width}
       +column-style(margin-left, $width)
 
@@ -28,15 +29,23 @@ $widths: (auto, 5, 10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 7
   @extend .container
   +responsive-padding(top bottom, $divisor: 1)
 
-.col
++component('col')
   display: block
-  float: left
   position: relative
+  flex-basis: 0
+  flex-grow: 1
+  flex-shrink: 1
   +responsive-padding(left right)
 
   &-container
-    +clearfix
+    display: flex
+    flex-wrap: wrap
     +responsive-margin(left right, $divisor: -2)
+    &-nowrap
+      +all-media-sizes
+        display: flex
+        flex-wrap: nowrap
+        +responsive-margin(left right, $divisor: -2)
 
   &-center
     float: none

data/assets/stylesheets/shipyard/utilities/_margin.sass

@@ -0,0 +1,7 @@
+.margin
+  @each $direction in (top, right, bottom, left)
+    &-#{$direction}
+      +all-media-sizes
+        @each $size, $value in (none: 0, xxs: 5px, xs: 10px, sm: 15px, md: 20px, lg: 30px, xl: 40px, xxl: 50px)
+          &-#{$size}
+            margin-#{$direction}: $value

data/assets/stylesheets/shipyard/utilities/_typography.sass

@@ -34,14 +34,6 @@
       &-#{$value}
         text-align: $value
 
-.margin
-  @each $direction in (top, right, bottom, left)
-    &-#{$direction}
-      +all-media-sizes
-        @each $size, $value in (none: 0, xxs: 5px, xs: 10px, sm: 15px, md: 20px, lg: 30px, xl: 40px, xxl: 50px)
-          &-#{$size}
-            margin-#{$direction}: $value
-
 .text
   &-shadow
     text-shadow: 0 1px 0 rgba(#000,.08)

data/assets/stylesheets/shipyard/variables/_components.scss

@@ -1,4 +1,16 @@
 $component-defaults: (
+  header: (
+    z-index: 100,
+    background: #fff,
+    color: $text-color-light,
+    box-shadow: $box-shadow,
+    logo: (
+      font-weight: $bold
+    ),
+    list: (
+      font-weight: $medium
+    )
+  ),
   input: (
     required-asterisk: (
       top: 6px,

data/assets/stylesheets/shipyard/variables/_misc.sass

@@ -3,6 +3,7 @@ $z-index: (modal: 200) !default
 
 $bg-color: $gray-lightest !default
 
+$box-shadow: 0 1px 2px rgba($gray-darkest,.08) !default
 $border-radius: 5px !default
 
 $border-color: darken($bg-color, 12%) !default

data/ci/build.rb

@@ -0,0 +1,5 @@
+require_relative '../lib/shipyard-framework/version'
+
+puts "\n\n************** Build & Push to Rubygems.org **************"
+system("bash -c 'gem build shipyard.gemspec'")
+system("bash -c 'gem push shipyard-framework-#{Shipyard::VERSION}.gem'")