Merge pull request #1065 from webpack/fix-cutoff-sponsors-bar

Hide Sponsors Bar on Smaller Screens

Author: skipjack

components/sponsors/sponsors-style.scss

@@ -1,8 +1,9 @@
 @import 'functions';
+@import 'mixins';
 
 .sponsors {
   position: fixed;
-  display: flex;
+  display: none;
   width: 250px;
   margin-top: 1.5em;
   margin-left: calc(-250px - 1.5em);
@@ -18,4 +19,8 @@
   &:hover {
     background-color: getColor(concrete);
   }
+
+  @include break(xlarge) {
+    display: flex;
+  }
 }

styles/partials/_vars.scss

@@ -13,6 +13,7 @@ $colors: (
 );
 
 $screens: (
+  xlarge: 1525px,
   large: 1024px,
   medium: 768px
 );