forever_style_guide 3.4 → 3.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA256:
-  metadata.gz: f04f0a108a52ccf9f653bf287c67b31300f26b753116eeb8bdbdc81562b8b260
-  data.tar.gz: d532245b1c7a8ff1fee622eec5739afd7f313a12976ec6d4a1d1c87b82ef1ca2
+SHA1:
+  metadata.gz: fb3c3abfe56a5c39cf8f8331f627d313e05d3a17
+  data.tar.gz: ba022dc9195fb8761b19c5451c13aaadd7079d58
 SHA512:
-  metadata.gz: 842cd2a3284eb1c58309128631106d94619ad538d64447a55ff0848902f7bd1f7324c48e1b7d57750ed7dac1ebc33bc5e78b9bd3533ad5da3658066a359a264a
-  data.tar.gz: 5e346bdde76bcf1ebbc6cc7413bf60fd448a9628529a2ca7024547e28ec69d1749deb90cdd34173dc769fcf1f26126fb64678e91a63799f729f69b838e07e388
+  metadata.gz: b528bf4dcbcccd00200bcdf08baa58fe3463ab2fcb418b74f559fbfcf26316aee1807393b982ef2ee5bd5f509ec305abea691492783f98073aa0d73f0d80e398
+  data.tar.gz: b28e68723069df06c35a2e41ef92f1b4093851cc654e8a300fe58fba9b3a43a9c8c1c5de8b781626a4e2f2e8996b4e0a545d57e3cce751978c6a2bbc72399c84

data/app/assets/stylesheets/forever_style_guide/base/_typography.scss

@@ -91,6 +91,18 @@ strong {
   font-family: $font-face-gotham;
   font-weight: 100;
 }
+.title-extra_thin {
+  font-family: $font-face-gotham;
+  font-weight: 300;
+}
+.title-thin {
+  font-family: $font-face-gotham;
+  font-weight: 400;
+}
+.title-bold {
+  font-family: $font-face-gotham;
+  font-weight: 700;
+}
 a {
   color: color('secondary');
   &:link,

data/app/assets/stylesheets/forever_style_guide/modules/_all.scss

@@ -7,10 +7,12 @@
 @import "hero";
 @import "hero-block";
 @import "hero_simple";
+@import "horizontal_rule_title";
 @import "impersonation_banner";
 @import "ambassador_banner";
 @import "input_groups";
 @import "list";
+@import "message_box";
 @import "nav";
 @import "nav-account_dropdown";
 @import "nav-cart";

data/app/assets/stylesheets/forever_style_guide/modules/_hero_simple.scss

@@ -67,6 +67,9 @@ $hero_simple-sm-height-md: 260px;
   @media (min-width: $screen-xxl) {
     padding: 50px;
   }
+  @media (max-width: $screen-xs) {
+    padding: 25px 20px;
+  }
 }
 .hero_simple-block-cta {
   margin-top: 5px;

data/app/assets/stylesheets/forever_style_guide/modules/_horizontal_rule_title.scss

@@ -0,0 +1,34 @@
+.horizontal_rule_title-header {
+  display: flex;
+  justify-content: flex-start;
+
+  @media screen and (min-width: $screen-sm) {
+    justify-content: center;
+  }
+}
+  
+.horizontal_rule_title-header-inner {
+  display: inline-flex;
+  align-items: flex-start;
+  flex-flow: column wrap;
+
+  @media screen and (min-width: $screen-sm) {
+    position: relative;
+    flex-direction: row;
+    align-items: center;
+    margin-top: -$padding-large-vertical * 1.5;
+    z-index: $zindex-navbar - 1;
+  }
+
+  &::after {
+    @media screen and (min-width: $screen-sm) {
+      position: absolute;
+      left: -$padding-large-horizontal;
+      width: calc(100% + #{$padding-large-horizontal} * 2);
+      height: 100%;
+      background-color: $color-white;
+      content: '';
+      z-index: -1;
+    }
+  }
+}

data/app/assets/stylesheets/forever_style_guide/modules/_mars_manifest.scss

@@ -5,8 +5,11 @@
 @import "fa-feature_bullet";
 @import "impersonation_banner";
 @import "ambassador_banner";
+@import "hero_simple";
+@import "horizontal_rule_title";
 @import "input_groups";
 @import "list";
+@import "message_box";
 @import "nav";
 @import "nav-account_dropdown";
 @import "nav-cart";

data/app/assets/stylesheets/forever_style_guide/modules/_message_box.scss

@@ -0,0 +1,12 @@
+@mixin message_box($base-color) {
+  background-color: transparentize($base-color, 0.95);
+  border: 1px solid transparentize($base-color, 0.6);
+  border-radius: $border-radius-xl;
+}
+
+// creates a message_box class for each color in color dictionary
+@each $id, $color in $colors {
+  .message_box-#{$id} {
+    @include message_box(color('#{$id}'));
+  }
+}

data/lib/forever_style_guide/version.rb

@@ -1,3 +1,3 @@
 module ForeverStyleGuide
-  VERSION = "3.4"
+  VERSION = "3.4.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: forever_style_guide
 version: !ruby/object:Gem::Version
-  version: '3.4'
+  version: 3.4.1
 platform: ruby
 authors:
 - Nicholas McClay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-05 00:00:00.000000000 Z
+date: 2018-03-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -235,10 +235,12 @@ files:
 - app/assets/stylesheets/forever_style_guide/modules/_hero-block.scss
 - app/assets/stylesheets/forever_style_guide/modules/_hero.scss
 - app/assets/stylesheets/forever_style_guide/modules/_hero_simple.scss
+- app/assets/stylesheets/forever_style_guide/modules/_horizontal_rule_title.scss
 - app/assets/stylesheets/forever_style_guide/modules/_impersonation_banner.scss
 - app/assets/stylesheets/forever_style_guide/modules/_input_groups.scss
 - app/assets/stylesheets/forever_style_guide/modules/_list.scss
 - app/assets/stylesheets/forever_style_guide/modules/_mars_manifest.scss
+- app/assets/stylesheets/forever_style_guide/modules/_message_box.scss
 - app/assets/stylesheets/forever_style_guide/modules/_modal.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav-account_dropdown.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
@@ -284,7 +286,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 2.4.6
 signing_key: 
 specification_version: 4
 summary: A live style guide and component API for the Forever brand