Merge pull request #135 from cb-talent-development/refactor/de-dupe-b…

…uy-box-styles EM-1829: Refactors - De-dupe Buy Box Styles
cb-talent-development · Sep 19, 2017 · 0a42aa4 · 0a42aa4
2 parents ccf59fe + 5dd1d5d
commit 0a42aa4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "employer-style-base",
-  "version": "2.2.27",
+  "version": "2.2.28",
   "author": "[email protected]",
   "license": "Apache-2.0",
   "description": "A stack-agnostic Sass library providing basic components and typography intended for the Employer experience",

diff --git a/sass/directives/02_base_components/boxes/_boxes.scss b/sass/directives/02_base_components/boxes/_boxes.scss
@@ -5,13 +5,17 @@
   box-shadow: $base-box-shadow;
 }
 
-@mixin sticky-box($breakpoint: $small-screen-max) {
+// Sticky Box - A component box that is fixed to one side of the viewport. Used for buy boxes and may be used for other calls to action
+@mixin sticky-box($breakpoint: $small-screen-max, $side: right, $z-index: 1) {
   @include component-box;
+  @include container-edge-calc(right);
   box-shadow: $base-box-shadow;
   position: fixed;
+  z-index: $z-index;
 
   @media only screen and (max-width: $breakpoint) {
-    position: static;
+    position: static !important; // !importants overrride the sticky_box.js behavior on small screens
+    margin: auto !important;
   }
 
   p {