forever_style_guide 3.4.1 → 3.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fb3c3abfe56a5c39cf8f8331f627d313e05d3a17
-  data.tar.gz: ba022dc9195fb8761b19c5451c13aaadd7079d58
+  metadata.gz: 47c87bf7585e574a530b928027d099d435813f87
+  data.tar.gz: 01b88761a341f0abd2c1f8c324caf51b2754d3a1
 SHA512:
-  metadata.gz: b528bf4dcbcccd00200bcdf08baa58fe3463ab2fcb418b74f559fbfcf26316aee1807393b982ef2ee5bd5f509ec305abea691492783f98073aa0d73f0d80e398
-  data.tar.gz: b28e68723069df06c35a2e41ef92f1b4093851cc654e8a300fe58fba9b3a43a9c8c1c5de8b781626a4e2f2e8996b4e0a545d57e3cce751978c6a2bbc72399c84
+  metadata.gz: a82bb3854da2ef576dbfcb1e56d9528d7889a9c7941f59ef16747deae877b598275069f74674ea54a57a96d38463a4275f03a12bc1e67b66a6dea20cb2a357f8
+  data.tar.gz: 3fc0baaabfcdf7d5e139672b2ba3ee753e0e254f260eb0d81ad7a004c98dc3940b5c1efd58f6eeff3b90f29793cba209a81b522b1c252ab03dd412ef387da9e0

data/app/assets/stylesheets/forever_style_guide/globals/_layout.scss

@@ -61,6 +61,10 @@
   }
 }
 
+.l-section-last {
+  margin-bottom: 40px;
+}
+
 // Layout utility for unpadded bootstrap columns ex. class="row no-gutter"
 .no-gutter > [class*='col-'] {
   padding-right: 0;

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

@@ -56,8 +56,8 @@
     }
   }
 
-  // creates a button style for each color in core color dictionary
-  @each $id, $color in $core_colors {
+  // creates a button style for each color in color dictionary
+  @each $id, $color in $colors {
     @at-root #{&}.btn-#{$id} {
       @include btn-color(#{$id});
 
@@ -263,6 +263,10 @@
   width: 100%;
 }
 
+.btn-block {
+  @include btn-block();
+}
+
 .btn-block-xs {
   @media (max-width: $screen-xs-max) {
     @include btn-block();

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

@@ -4,9 +4,31 @@
   border-radius: $border-radius-xl;
 }
 
+@mixin message_box_dismiss($base-color) {
+  color: darken($base-color, 10%);
+}
+
 // creates a message_box class for each color in color dictionary
 @each $id, $color in $colors {
   .message_box-#{$id} {
+    position: relative;
     @include message_box(color('#{$id}'));
+
+    .message_box-dismiss {
+      @include message_box_dismiss(color('#{$id}'));
+    }
   }
 }
+
+.message_box-dismiss {
+  position: absolute;
+  /**
+   * since the content in a message_box can be basically anything entered, the below numbers are an arbitrary offset
+   * so a font awesome icon can be placed at the top right of the message box with ample spacing.
+   */
+  right: 8px;
+  top: 8px;
+  line-height: 1;
+  font-size: $font-size-400;
+  cursor: pointer;
+}

data/lib/forever_style_guide/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: forever_style_guide
 version: !ruby/object:Gem::Version
-  version: 3.4.1
+  version: 3.4.2
 platform: ruby
 authors:
 - Nicholas McClay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-12 00:00:00.000000000 Z
+date: 2018-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails