shipyard-framework 0.5.54 → 0.5.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3a839c8e129d973a4aa72ad436e2f4616b6ac2f5
-  data.tar.gz: ae2a1c9e315fd7393a313606bfc28b1ffa3a92d7
+  metadata.gz: f40ecec157c31290f222df4bef18bce37cbe1014
+  data.tar.gz: 6e82cc40048597c484009650f30f23df61df981b
 SHA512:
-  metadata.gz: b305580345363534c9effbf60ce0fc4875ae6bc75964c8c6261cd43eb87ab7b9c614b4784205cea38bdb27f67c94994cbbd4396b6307174bd47b4a65356197d0
-  data.tar.gz: 2861453d7468188722d291b4a2b785bed27aaed827025e982971cff06a56d00ed0f45ef92fcb78c91d3e972cc13b9ee12b91714593fdebe3842d685bd8b9fdf4
+  metadata.gz: 2c7220f20c3bed855754189be9cd27285d4bc30275991a034f57e63e7c32aa8f80216415dce4a78b7b2d66d85538a56ab567ca2a5265306ca3856e4db07944f0
+  data.tar.gz: 4d877afb8c01fc29be1e0b156adadb0899a7c13c38effa4c09283816f51335dc1215ccc8cb75f405b69eca8b8ac47c4c7fa7be44e826e7f01e4035bdf194ba9e

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

@@ -13,19 +13,16 @@
   &-secondary
     background: $gray-lighter
 
-  &-rounded
-    border-radius: 1000px
-
   &-link
     color: $blue
     cursor: pointer
-    &:hover, &:active, &-selected, &-active
+    &:hover, &:active, &-active
       color: $blue-dark
       outline: none
       box-shadow: 0 0 4px 1px rgba($blue,.5)
-    &-active-green,
-    &-active-green:hover,
-    &-active-green:active
+    &-selected,
+    &-selected:hover,
+    &-selected:active
       outline: none
       cursor: default
       box-shadow: 0 0 4px 1px rgba(darken($green, 5%),.75)
@@ -33,13 +30,6 @@
   &-padding
     +respond-to(padding, $margins)
 
-  // Box: Margins
-  &-margin
-    +all-media-sizes
-      @each $size, $margin in (sm: 10px 0, md: 15px 0, lg: 30px 0)
-        &-#{$size}
-          margin: $margin
-
   // Box Sizes
   +all-media-sizes
     @each $size, $height in (xxs: 50px, xs: 60px, sm: 70px, md: 80px, lg: 90px, xl: 100px, xxl: 110px)

data/assets/stylesheets/shipyard/mixins/_prefixed.sass

@@ -14,6 +14,8 @@
   -webkit-backdrop-filter: $value
 
 @mixin placeholder
+  &::placeholder
+    @content
   &:-moz-placeholder
     @content
   &:-ms-input-placeholder

data/lib/shipyard-framework/jekyll/tags/box_tag.rb

@@ -9,7 +9,7 @@ module Shipyard
         super
         @types = []
         types.tr(' ','').split(',').each do |type|
-          @types << type.tr(':','').to_sym
+          @types << type.tr(':','').tr('_','-').to_sym
         end
       end
 

data/lib/shipyard-framework/version.rb

@@ -1,3 +1,3 @@
 module Shipyard
-  VERSION = '0.5.54'
+  VERSION = '0.5.55'
 end

data/styleguide/components/boxes.md

@@ -1,7 +1,7 @@
 ---
 title: Shipyard Boxes
 description: Boxes should be used to grab a draw attention to specific groups of content, and are most useful to linked content. By default, all boxes need to have the base class of `.box` in order to function properly.
-box_sizes: [xxs, xs, sm, md, lg, xl]
+box_sizes: [xxs, xs, sm, md, lg, xl, xxl]
 ---
 
 {% include page-heading.html page=page %}
@@ -29,7 +29,25 @@ box_sizes: [xxs, xs, sm, md, lg, xl]
 ### Linked `.box-link`
 <p class="text-light margin-bottom-sm">Useful when linking important components to another page or another group of content.</p>
 
-{% box :link, :padding %}
+{% box :link %}
+  <p>Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
+{% endbox %}
+
+---
+
+### Linked & Active `.box-link-active`
+<p class="text-light margin-bottom-sm">Useful when linking important components to another page or another group of content.</p>
+
+{% box :link, :link_active %}
+  <p>Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
+{% endbox %}
+
+---
+
+### Linked & Selected `.box-link-selected`
+<p class="text-light margin-bottom-sm">Useful when highlighting a linked box that's been selected by the user.</p>
+
+{% box :link, :link_selected %}
   <p>Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
 {% endbox %}
 
@@ -38,10 +56,11 @@ box_sizes: [xxs, xs, sm, md, lg, xl]
 ### Secondary `.box-secondary`
 <p class="text-light margin-bottom-sm">Useful when connecting secondary information to the default box styles.</p>
 
-{% box :secondary, :padding %}
+{% box :secondary %}
   <p>Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
 {% endbox %}
 
+
 ---
 
 ### Box Sizes `.box-[{{ page.box_sizes | join: ', ' }}]`

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shipyard-framework
 version: !ruby/object:Gem::Version
-  version: 0.5.54
+  version: 0.5.55
 platform: ruby
 authors:
 - Codeship
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-10-24 00:00:00.000000000 Z
+date: 2017-10-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview