shibori 1.3.0 → 1.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4cb17f37ef83ca766c5d74fe897d8cc1f3202b3b
-  data.tar.gz: fbab73ee53403531b74f75da4873bccc7ea11977
+  metadata.gz: 4b2cb52764802214a2cbce2bfd8d6723cc63f379
+  data.tar.gz: dcbc00aa4d87aac72f88bfaae3dea8ab011089d4
 SHA512:
-  metadata.gz: 0319e4ff3365775fc6261e26a75823ecf418677927693fdb9037eb6edb33b766fab69ff2cac1326ab192bfc5d2406c92db5a3ef2dad67a82b38f3628d88f9700
-  data.tar.gz: f006d22753c75bb405247723e34ba90d85b8cc4852162dd685f628dcf45007048496f687510d6e30fb9d1865bf84b36b276aafe87e00d849b7557e8e50942a33
+  metadata.gz: b17ebd8dded8fc134c36ff301c2806e02610eb2d0fd563148945b6390a4a7eae58a0c90fc995858a4c3a1a9afc49b8c0d3a12f4fb0b1a3e8951d2e576ac4600e
+  data.tar.gz: 4741542a354301210ef723fd76dc73923cfc72bb4e844215028395aeeb2a309d03da592cfa3567c74ab7f54e61a46911b49140bf403e9606cd113fe4bbed6874

data/lib/shibori/version.rb

@@ -1,3 +1,3 @@
 module Shibori
-  VERSION = '1.3.0'
+  VERSION = '1.4.0'
 end

data/source/css/shibori/scss/page-elements/_navigation.scss

@@ -14,252 +14,7 @@ nav {
   }
 }
 
-//- Horizontal ribbon subnav for page
-.page-subnav {
-  position: relative;
-  background-color: $gray-lighter;
-  @include clearfix();
-
-  .btn {
-    margin: $pad !important;
-  }
-
-  nav > ul {
-    float: left;
-
-    li {
-      display: inline-block;
-      font-size: $font-lg;
-    }
-
-    a {
-      display: block;
-      padding: $pad*1.25;
-      margin-top: 3px; // adjust for bottom border
-      text-decoration: none;
-      color: fade-out($purple, .4);
-      border-bottom: 3px solid fade-out($purple, 1);
-      @include transition(all $transition);
-
-      [class^="hk-icon"] {
-        margin-bottom: -7px;
-        margin-right: $pad;
-        top: -2px;
-        font-weight: normal;
-        font-size: $font-lg;
-      }
-
-      &.active {
-        color: $purple;
-        border-color: $purple;
-      }
-
-      &:hover {
-        color: $purple;
-      }
-
-      &:active,
-      &:focus {
-        outline: none;
-      }
-    }
-  }
-
-  .btn {
-    margin: ($pad-lg - 1) 0;
-
-    @include media($tablet) {
-      display: none;
-    }
-  }
-}
-
-//- List nav
-.list-nav {
-
-  ul {
-    list-style-type: none;
-    padding: 0;
-  }
-
-  li {
-    margin-bottom: $pad-sm;
-
-    a {
-      text-decoration: none;
-      padding-left: 0;
-      color: $text-color-light;
-      @include transition(.2s $ease-out-expo);
-
-      &:hover {
-        color: $text-color;
-      }
-    }
-
-    &.active a {
-      color: $purple;
-
-      &.action {
-        padding-left: $pad;
-      }
-    }
-  }
-
-  &-sm {
-    font-size: $font-sm;
-
-    h5 {
-      margin-bottom: $pad;
-    }
-  }
-
-  &.slide-action {
-    li {
-      a:hover {
-        padding-left: $pad;
-      }
-
-      &.active a {
-        padding-left: $pad;
-      }
-    }
-  }
-}
-
-//- Breadcrumbs
-.breadcrumbs {
-  padding: $pad-lg 0;
-  font-size: $font-base;
-  font-weight: $font-bold;
-  background: $off-white;
-  color: fade-out($text-color-light, .5);
-  @include clearfix();
-
-  &.breadcrumbs-sm {
-    font-size: $font-xs;
-  }
-
-  nav {
-    float: left;
-  }
-
-  ul {
-    @extend %list-unstyled;
-    @extend %list-inline;
-  }
-
-  li:last-child a {
-    color: $text-color;
-    font-weight: $font-bold;
-  }
-
-  a {
-    text-decoration: none;
-    font-weight: $font-normal;
-    color: $text-color-light;
-
-    &:hover {
-      color: $purple;
-    }
-  }
-}
-
-//-Tabs
-.tabs {
-  @include clearfix();
-
-  .tab {
-    display: inline;
-  }
-
-  [type="radio"] {
-    clip: rect(0 0 0 0);
-    height: 1px;
-    opacity: 0;
-    position: fixed;
-    width: 1px;
-    z-index: $z-background;
-
-    &:checked + .tab-label {
-      font-weight: bold;
-      color: $purple;
-      z-index: 1;
-    }
-
-    &:checked ~ .tab-panel {
-      display: inline;
-    }
-  }
-
-  .tab-label {
-    display: inline-block;
-    font-size: $font-sm;
-    position: relative;
-    vertical-align: bottom;
-    cursor: pointer;
-  }
-
-  .tab-panel {
-    display: inline;
-    display: inline-block;
-    overflow: hidden;
-    position: relative;
-    height: 0;
-    width: 0;
-  }
-
-  .tab-content {
-    display: block;
-    float: left;
-    font-size: 1em;
-    width: 100%;
-  }
-}
-
-//- Tabs themes
-
-.tabs {
-
-  //- Basic
-  &.tabs-basic {
-
-    .tab-label {
-      border: $border;
-      padding: $pad $pad-lg;
-      margin: $pad-lg 0;
-    }
-  }
-
-  //- Terminal style
-  &.tabs-terminal {
-    background: darken($purple, 20%);
-
-    .tab-label-active {
-      background: #EAE9F1;
-      color: #222;
-      font-weight: normal;
-      border-right: 0;
-      border-radius: 0 0 $border-radius $border-radius;
-      border-top: 1px solid fade-out(black, .8);
-    }
-
-    .tab-label {
-      padding: 8px 13px;
-      border-right: 1px solid fade-out($black, .8);
-      font-weight: normal;
-      font-size: 16px;
-      color: $white;
-      color: fade-out($white, .2);
-
-      &.active {
-        @extend .tab-label-active;
-      }
-    }
-
-    [type="radio"]:checked {
-      + .tab-label {
-        @extend .tab-label-active;
-      }
-    }
-  }
-}
+@import "navigation/subnav-page";
+@import "navigation/list-nav";
+@import "navigation/breadcrumbs";
+@import "navigation/tabs";

data/source/css/shibori/scss/page-elements/navigation/_breadcrumbs.scss

@@ -0,0 +1,37 @@
+//- Breadcrumbs
+.breadcrumbs {
+  padding: $pad-lg 0;
+  font-size: $font-base;
+  font-weight: $font-bold;
+  background: $off-white;
+  color: fade-out($text-color-light, .5);
+  @include clearfix();
+
+  &.breadcrumbs-sm {
+    font-size: $font-xs;
+  }
+
+  nav {
+    float: left;
+  }
+
+  ul {
+    @extend %list-unstyled;
+    @extend %list-inline;
+  }
+
+  li:last-child a {
+    color: $text-color;
+    font-weight: $font-bold;
+  }
+
+  a {
+    text-decoration: none;
+    font-weight: $font-normal;
+    color: $text-color-light;
+
+    &:hover {
+      color: $purple;
+    }
+  }
+}

data/source/css/shibori/scss/page-elements/navigation/_list-nav.scss

@@ -0,0 +1,51 @@
+//- List nav
+.list-nav {
+
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  li {
+    margin-bottom: $pad-sm;
+
+    a {
+      text-decoration: none;
+      padding-left: 0;
+      color: $text-color-light;
+      @include transition(.2s $ease-out-expo);
+
+      &:hover {
+        color: $text-color;
+      }
+    }
+
+    &.active a {
+      color: $purple;
+
+      &.action {
+        padding-left: $pad;
+      }
+    }
+  }
+
+  &-sm {
+    font-size: $font-sm;
+
+    h5 {
+      margin-bottom: $pad;
+    }
+  }
+
+  &.slide-action {
+    li {
+      a:hover {
+        padding-left: $pad;
+      }
+
+      &.active a {
+        padding-left: $pad;
+      }
+    }
+  }
+}

data/source/css/shibori/scss/page-elements/navigation/_subnav-page.scss

@@ -0,0 +1,59 @@
+//- Horizontal ribbon subnav for page
+.page-subnav {
+  position: relative;
+  background-color: $gray-lighter;
+  @include clearfix();
+
+  .btn {
+    margin: $pad !important;
+  }
+
+  nav > ul {
+    float: left;
+
+    li {
+      display: inline-block;
+      font-size: $font-lg;
+    }
+
+    a {
+      display: block;
+      padding: $pad*1.25;
+      margin-top: 3px; // adjust for bottom border
+      text-decoration: none;
+      color: fade-out($purple, .4);
+      border-bottom: 3px solid fade-out($purple, 1);
+      @include transition(all $transition);
+
+      [class^="hk-icon"] {
+        margin-bottom: -7px;
+        margin-right: $pad;
+        top: -2px;
+        font-weight: normal;
+        font-size: $font-lg;
+      }
+
+      &.active {
+        color: $purple;
+        border-color: $purple;
+      }
+
+      &:hover {
+        color: $purple;
+      }
+
+      &:active,
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+  .btn {
+    margin: ($pad-lg - 1) 0;
+
+    @include media($tablet) {
+      display: none;
+    }
+  }
+}

data/source/css/shibori/scss/page-elements/navigation/_tabs.scss

@@ -0,0 +1,99 @@
+//-Tabs
+.tabs {
+  @include clearfix();
+
+  .tab {
+    display: inline;
+  }
+
+  [type="radio"] {
+    clip: rect(0 0 0 0);
+    height: 1px;
+    opacity: 0;
+    position: fixed;
+    width: 1px;
+    z-index: $z-background;
+
+    &:checked + .tab-label {
+      font-weight: bold;
+      color: $purple;
+      z-index: 1;
+    }
+
+    &:checked ~ .tab-panel {
+      display: inline;
+    }
+  }
+
+  .tab-label {
+    display: inline-block;
+    font-size: $font-sm;
+    position: relative;
+    vertical-align: bottom;
+    cursor: pointer;
+  }
+
+  .tab-panel {
+    display: inline;
+    display: inline-block;
+    overflow: hidden;
+    position: relative;
+    height: 0;
+    width: 0;
+  }
+
+  .tab-content {
+    display: block;
+    float: left;
+    font-size: 1em;
+    width: 100%;
+  }
+}
+
+//- Tabs themes
+
+.tabs {
+
+  //- Basic
+  &.tabs-basic {
+
+    .tab-label {
+      border: $border;
+      padding: $pad $pad-lg;
+      margin: $pad-lg 0;
+    }
+  }
+
+  //- Terminal style
+  &.tabs-terminal {
+    background: darken($purple, 20%);
+
+    .tab-label-active {
+      background: #EAE9F1;
+      color: #222;
+      font-weight: normal;
+      border-right: 0;
+      border-radius: 0 0 $border-radius $border-radius;
+      border-top: 1px solid fade-out(black, .8);
+    }
+
+    .tab-label {
+      padding: 8px 13px;
+      border-right: 1px solid fade-out($black, .8);
+      font-weight: normal;
+      font-size: 16px;
+      color: $white;
+      color: fade-out($white, .2);
+
+      &.active {
+        @extend .tab-label-active;
+      }
+    }
+
+    [type="radio"]:checked {
+      + .tab-label {
+        @extend .tab-label-active;
+      }
+    }
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shibori
 version: !ruby/object:Gem::Version
-  version: 1.3.0
+  version: 1.4.0
 platform: ruby
 authors:
 - Heroku
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-28 00:00:00.000000000 Z
+date: 2017-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bourbon
@@ -245,6 +245,10 @@ files:
 - source/css/shibori/scss/page-elements/_navigation.scss
 - source/css/shibori/scss/page-elements/_sections.scss
 - source/css/shibori/scss/page-elements/_sidebar.scss
+- source/css/shibori/scss/page-elements/navigation/_breadcrumbs.scss
+- source/css/shibori/scss/page-elements/navigation/_list-nav.scss
+- source/css/shibori/scss/page-elements/navigation/_subnav-page.scss
+- source/css/shibori/scss/page-elements/navigation/_tabs.scss
 - source/fonts/bentonsans/bentonsans-book.eot
 - source/fonts/bentonsans/bentonsans-book.svg
 - source/fonts/bentonsans/bentonsans-book.ttf
@@ -316,7 +320,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
 summary: shibori styleguide