shipyard-framework 0.6.1 → 0.7.0

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

@@ -1,4 +1,4 @@
-// Font
+// Font: Family
 $font-family: Helvetica, Arial, sans-serif !default
 $font-monospace: monospace !default
 
@@ -10,7 +10,8 @@ $medium-italic: 600 !default
 $bold: 700 !default
 $bold-italic: 800 !default
 
-$font-sizes: (xxs: 12px, xs: 13px, sm: 14px, md: 16px, lg: 18px, xl: 20px, xxl: 22px, xxxl: 24px) !default
+// Font: Sizes
+$font-sizes: (xxs: 12px, xs: 13px, sm: 14px, md: 16px, lg: 18px, xl: 20px, xxl: 22px, xxxl: 24px)
 $font-size: map-get($font-sizes, md) !default
 $font-size-xxxl: map-get($font-sizes, xxxl) !default
 $font-size-xxl: map-get($font-sizes, xxl) !default

data/lib/shipyard-framework.rb

@@ -90,14 +90,12 @@ module Shipyard
 
     def register_jekyll_tags
       require 'shipyard-framework/jekyll/shipyard_variables'
-      require 'shipyard-framework/jekyll/tags/button_tag'
       require 'shipyard-framework/jekyll/tags/icon_tag'
       require 'shipyard-framework/jekyll/tags/box_tag'
       require 'shipyard-framework/jekyll/tags/note_tag'
       require 'shipyard-framework/jekyll/tags/alert_tag'
       require 'shipyard-framework/jekyll/tags/shipyard_version_tag'
       require 'shipyard-framework/jekyll/shipyard_css_classes'
-      Liquid::Template.register_tag('btn', Shipyard::Jekyll::Button)
       Liquid::Template.register_tag('icon', Shipyard::Jekyll::Icon)
       Liquid::Template.register_tag('box', Shipyard::Jekyll::Box)
       Liquid::Template.register_tag('note', Shipyard::Jekyll::Note)
@@ -109,7 +107,6 @@ module Shipyard
     def register_helpers
       require 'shipyard-framework/helpers/alert_helper'
       require 'shipyard-framework/helpers/box_helper'
-      require 'shipyard-framework/helpers/button_helper'
       require 'shipyard-framework/helpers/form_helper'
       require 'shipyard-framework/helpers/icon_helper'
       require 'shipyard-framework/helpers/layout_helper'

data/lib/shipyard-framework/helpers/alert_helper.rb

@@ -34,7 +34,7 @@ module Shipyard
         if dismissible
           concat content_tag(:button,
                    icon(:x, class: 'alert-close-icon icon-outline-inverse center'),
-                   class: 'alert-close v-center',
+                   class: 'alert-close center-v',
                    shipyard: 'alert-close'
                  )
         end

data/lib/shipyard-framework/version.rb

@@ -1,3 +1,3 @@
 module Shipyard
-  VERSION = '0.6.1'
+  VERSION = '0.7.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shipyard-framework
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.7.0
 platform: ruby
 authors:
 - Codeship
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-27 00:00:00.000000000 Z
+date: 2018-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -213,13 +213,17 @@ files:
 - assets/stylesheets/shipyard/_mixins.sass
 - assets/stylesheets/shipyard/_utilities.sass
 - assets/stylesheets/shipyard/_variables.sass
+- assets/stylesheets/shipyard/components/_accordion.sass
 - assets/stylesheets/shipyard/components/_alerts.sass
 - assets/stylesheets/shipyard/components/_boxes.sass
+- assets/stylesheets/shipyard/components/_bullet.sass
 - assets/stylesheets/shipyard/components/_buttons.sass
 - assets/stylesheets/shipyard/components/_code.sass
+- assets/stylesheets/shipyard/components/_container.sass
 - assets/stylesheets/shipyard/components/_empty.sass
 - assets/stylesheets/shipyard/components/_form-errors.sass
 - assets/stylesheets/shipyard/components/_forms.sass
+- assets/stylesheets/shipyard/components/_grid.sass
 - assets/stylesheets/shipyard/components/_hamburger.sass
 - assets/stylesheets/shipyard/components/_header.sass
 - assets/stylesheets/shipyard/components/_horizontal-rules.sass
@@ -247,34 +251,49 @@ files:
 - assets/stylesheets/shipyard/mixins/_box-model.sass
 - assets/stylesheets/shipyard/mixins/_buttons.sass
 - assets/stylesheets/shipyard/mixins/_components.sass
+- assets/stylesheets/shipyard/mixins/_grid.sass
 - assets/stylesheets/shipyard/mixins/_icons.sass
 - assets/stylesheets/shipyard/mixins/_positioning.sass
 - assets/stylesheets/shipyard/mixins/_prefixed.sass
 - assets/stylesheets/shipyard/mixins/_responsive.sass
 - assets/stylesheets/shipyard/mixins/_selectors.sass
-- assets/stylesheets/shipyard/utilities/_accordion.sass
+- assets/stylesheets/shipyard/mixins/_utility.sass
 - assets/stylesheets/shipyard/utilities/_border-radius.sass
+- assets/stylesheets/shipyard/utilities/_box-shadow.sass
 - assets/stylesheets/shipyard/utilities/_center.sass
 - assets/stylesheets/shipyard/utilities/_colors.sass
+- assets/stylesheets/shipyard/utilities/_cursor.sass
 - assets/stylesheets/shipyard/utilities/_display.sass
-- assets/stylesheets/shipyard/utilities/_grid.sass
-- assets/stylesheets/shipyard/utilities/_margin-padding.sass
+- assets/stylesheets/shipyard/utilities/_flex-direction.sass
+- assets/stylesheets/shipyard/utilities/_float.sass
+- assets/stylesheets/shipyard/utilities/_font-family.sass
+- assets/stylesheets/shipyard/utilities/_font-size.sass
+- assets/stylesheets/shipyard/utilities/_font-style.sass
+- assets/stylesheets/shipyard/utilities/_font-weight.sass
+- assets/stylesheets/shipyard/utilities/_height.sass
+- assets/stylesheets/shipyard/utilities/_margin.sass
 - assets/stylesheets/shipyard/utilities/_opacity.sass
 - assets/stylesheets/shipyard/utilities/_overflow.sass
+- assets/stylesheets/shipyard/utilities/_padding.sass
 - assets/stylesheets/shipyard/utilities/_position.sass
-- assets/stylesheets/shipyard/utilities/_typography.sass
+- assets/stylesheets/shipyard/utilities/_text-align.sass
+- assets/stylesheets/shipyard/utilities/_text-decoration.sass
+- assets/stylesheets/shipyard/utilities/_text-overflow.sass
+- assets/stylesheets/shipyard/utilities/_text-shadow.sass
+- assets/stylesheets/shipyard/utilities/_text-transform.sass
+- assets/stylesheets/shipyard/utilities/_transform.sass
+- assets/stylesheets/shipyard/utilities/_transition.sass
+- assets/stylesheets/shipyard/utilities/_white-space.sass
+- assets/stylesheets/shipyard/utilities/_z-index.sass
 - assets/stylesheets/shipyard/variables/_color_utilities.sass
 - assets/stylesheets/shipyard/variables/_colors.scss
 - assets/stylesheets/shipyard/variables/_components.scss
-- assets/stylesheets/shipyard/variables/_grid.sass
 - assets/stylesheets/shipyard/variables/_misc.sass
-- assets/stylesheets/shipyard/variables/_opacities.scss
+- assets/stylesheets/shipyard/variables/_options.scss
 - assets/stylesheets/shipyard/variables/_typography.sass
-- assets/stylesheets/shipyard/variables/_z-index.scss
 - lib/shipyard-framework.rb
 - lib/shipyard-framework/helpers/alert_helper.rb
 - lib/shipyard-framework/helpers/box_helper.rb
-- lib/shipyard-framework/helpers/button_helper.rb
 - lib/shipyard-framework/helpers/form_helper.rb
 - lib/shipyard-framework/helpers/icon_helper.rb
 - lib/shipyard-framework/helpers/layout_helper.rb
@@ -285,7 +304,6 @@ files:
 - lib/shipyard-framework/jekyll/shipyard_variables.rb
 - lib/shipyard-framework/jekyll/tags/alert_tag.rb
 - lib/shipyard-framework/jekyll/tags/box_tag.rb
-- lib/shipyard-framework/jekyll/tags/button_tag.rb
 - lib/shipyard-framework/jekyll/tags/icon_tag.rb
 - lib/shipyard-framework/jekyll/tags/note_tag.rb
 - lib/shipyard-framework/jekyll/tags/shipyard_version_tag.rb

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

@@ -1,74 +0,0 @@
-$widths: (0, 5, 10, 15, 20, 25, 30, 33, 35, 40, 45, 50, 55, 60, 65, 66, 70, 75, 80, 85, 90, 95, 100)
-
-@mixin column-style($property, $width)
-  @if $width == 0 and $property == max-width
-    max-width: none
-  @else if $width == 66
-    #{$property}: 66.6666666666%
-  @else if $width == 33
-    #{$property}: 33.3333333333%
-  @else
-    #{$property}: percentage($width / 100)
-
-@mixin column-sizes
-  @each $width in $widths
-    &-#{$width}
-      +column-style(max-width, $width)
-      +column-style(flex-basis, $width)
-    &-offset-#{$width}
-      +column-style(margin-left, $width)
-
-.container
-  +clearfix
-  margin: 0 auto
-  max-width: 1440px
-  position: relative
-  +responsive-padding(left right, $divisor: 1)
-
-.content
-  @extend .container
-  +responsive-padding(top bottom, $divisor: 1)
-
-+component('col')
-  display: block
-  position: relative
-  flex-basis: 0
-  flex-grow: 1
-  flex-shrink: 1
-  flex-direction: column
-  +responsive-padding(left right)
-
-  &-container
-    display: flex
-    flex-wrap: wrap
-    +responsive-margin(left right, $divisor: -2)
-    +all-media-sizes
-      &-nowrap
-        display: flex
-        flex-wrap: nowrap
-        +responsive-margin(left right, $divisor: -2)
-
-  +all-media-sizes
-    &-center,
-    &-v-center
-      display: flex
-      justify-content: center
-    &-center
-      align-items: center
-
-    +column-sizes
-
-.flex
-  +all-media-sizes
-    &-row
-      display: flex
-      flex-direction: row
-    &-row-reverse
-      display: flex
-      flex-direction: row-reverse
-    &-col
-      display: flex
-      flex-direction: column
-    &-col-reverse
-      display: flex
-      flex-direction: column-reverse

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

@@ -1,40 +0,0 @@
-@function get-value($value)
-  @if $value == auto
-    @return $value
-  @else
-    @return #{$value}px
-
-// Margin utilities for text
-.ml-xs
-  margin-left: .2em
-.ml-sm
-  margin-left: .4em
-.ml-md
-  margin-left: .6em
-.mr-xs
-  margin-right: .2em
-.mr-sm
-  margin-right: .4em
-.mr-md
-  margin-right: .6em
-
-// Margin & padding utilities for building grids
-@each $property-label, $property-name in (m: margin, p: padding)
-  .#{$property-label}
-    $values: (0,5,10,15,20,30,40)
-    @if $property-name == margin
-      $values: append($values, auto)
-
-    // Outputs: .p-10, .p-x1-10, etc...
-    +all-media-sizes
-      @each $value in $values
-        &-#{$value}
-          #{$property-name}: get-value($value)
-
-    // Outputs: .pt-0, .pt-x1-0, .pt-10, .pt-x1-10, etc...
-    @each $direction-name, $direction-label in (top: t, bottom: b, left: l, right: r)
-      &#{$direction-label}
-        +all-media-sizes
-          @each $value in $values
-            &-#{$value}
-              #{$property-name}-#{$direction-name}: get-value($value)

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

@@ -1,104 +0,0 @@
-.monospace
-  font-family: $font-monospace
-
-.em
-  color: $teal
-
-.p
-  margin: 15px 0
-
-.normal
-  +all-media-sizes
-    font-weight: $normal
-
-.medium
-  +all-media-sizes
-    font-weight: $medium
-
-.bold,
-.strong
-  +all-media-sizes
-    font-weight: $bold
-
-+component('bullet')
-  margin: 0 5px
-  color: text-color(.2)
-  &-inverse
-    +extend
-    color: rgba(#fff,.4)
-
-.white-space-nowrap
-  white-space: nowrap
-
-.line-through
-  text-decoration: line-through
-
-.italic
-  font-style: italic
-
-.align
-  +all-media-sizes
-    @each $value in (center, left, right)
-      &-#{$value}
-        text-align: $value
-
-.text
-  &-shadow
-    text-shadow: 0 1px 0 rgba(#000,.08)
-
-  &-overflow
-    +all-media-sizes
-      &-ellipsis
-        white-space: nowrap
-        text-overflow: ellipsis
-        overflow: hidden
-
-    +all-media-sizes
-      &-clip
-        white-space: normal
-        text-overflow: clip
-        overflow: visible
-
-  // Text Colors
-  &-normal
-    color: $text-color-normal
-  &-light
-    color: $text-color-light
-  &-lighter
-    color: $text-color-lighter
-  &-lightest
-    color: $text-color-lightest
-  &-dark
-    color: $text-color-dark
-  &-darker
-    color: $text-color-darker
-  &-darkest
-    color: $text-color-darkest
-
-  // Inverse Text Colors
-  &-inverse
-    &-lightest
-      color: rgba(#fff,1)
-    &-lighter
-      color: rgba(#fff,.9)
-    &-light
-      color: rgba(#fff,.8)
-    &-normal
-      color: rgba(#fff,.7)
-    &-dark
-      color: rgba(#fff,.6)
-    &-darker
-      color: rgba(#fff,.5)
-    &-darkest
-      color: rgba(#fff,.4)
-
-  // Font Sizes
-  +all-media-sizes
-    @each $size, $value in $font-sizes
-      &-#{$size}
-        font-size: $value
-
-.rotate-45
-  transform: rotate(45deg)
-.rotate-90
-  transform: rotate(90deg)

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

@@ -1,2 +0,0 @@
-$breakpoints: (x1: 770px, x2: 920px, x3: 1200px, x4: 1600px) !default
-$margins: (x0: 10px, x1: 20px, x2: 30px, x3: 30px, x4: 40px) !default

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

@@ -1,22 +0,0 @@
-$opacities: (
-  '95': .95,
-  '90': .9,
-  '85': .85,
-  '80': .8,
-  '75': .75,
-  '70': .7,
-  '65': .65,
-  '60': .6,
-  '55': .55,
-  '50': .5,
-  '45': .45,
-  '40': .4,
-  '35': .35,
-  '30': .3,
-  '25': .25,
-  '20': .2,
-  '15': .15,
-  '10': .1,
-  '05': .05,
-  '0': 0
-) !default;

data/assets/stylesheets/shipyard/variables/_z-index.scss

@@ -1,9 +0,0 @@
-$z-index-defaults: (
-  modal: 200,
-  header: 100,
-  tooltip-arrow: 51,
-  tooltip: 50
-) !default;
-
-$z-index-options: () !default;
-$z-index: map-merge-options($z-index-defaults, $z-index-options);

data/lib/shipyard-framework/helpers/button_helper.rb

@@ -1,39 +0,0 @@
-module Shipyard
-  module ButtonHelper
-    include ActionView::Helpers::TagHelper
-    include ActionView::Helpers::UrlHelper
-
-    def btn(text, *args, &block)
-      if block_given?
-        args << text
-        text = capture(&block)
-      end
-
-      # Save any options that were passed in.
-      options = {}
-      args.each do |arg|
-        options = options.merge(arg) if arg.is_a?(Hash)
-      end
-
-      # Output the appropriate button.
-      if options.key?(:href)
-        options[:role] = :button
-        link_to text, options[:href], btn_options(args, options)
-      else
-        content_tag :button, text, btn_options(args, options)
-      end
-    end
-
-    private
-
-    def btn_options(args, options)
-      options[:class] ||= ''
-      options[:class] += ' btn'
-      args.each do |arg|
-        options[:class] += " btn-#{arg.to_s.tr('_', '-')}" if arg.is_a?(Symbol)
-      end
-      options[:class].strip!
-      options
-    end
-  end
-end