Styled header

ghosh · Jun 1, 2018 · ba2d9ae · ba2d9ae
1 parent 2a2e391
commit ba2d9ae
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/stylesheets/app.scss b/src/stylesheets/app.scss
@@ -25,9 +25,13 @@
 
 
 .sponsor {
-  display: flex;
   align-items: center;
   text-decoration: none;
+  display: none;
+
+  @include respond-to(sponsor) {
+    display: flex;
+  }
 
   &:hover {
     .sponsor__cta {
@@ -53,7 +57,7 @@
     transition: transform 0.3s ease-in-out;
     will-change: transform;
 
-    background-color: #48A4AB;
+    background-color: #e2e2e2;
     height: 24px;
     border-radius: 50px;
     padding: 0 2px;
@@ -63,7 +67,7 @@
   &__byline {
     font-size: 12px;
     margin-left: 8px;
-    color: #fff;
+    color: #656565;
     text-decoration: none;
   }
 
@@ -73,6 +77,6 @@
     height: 21px;
     margin-left: -4px;
     margin-top: 2px;
-    fill: #fff;
+    fill: #656565;
   }
 }
diff --git a/src/stylesheets/base/_breakpoints.scss b/src/stylesheets/base/_breakpoints.scss
@@ -3,7 +3,8 @@
  * @type map
  */
 $breakpoints: (
-  'small'  : 620px,
-  'medium' : 700px,
-  'large'  : 1096px
+  'small'    : 620px,
+  'medium'   : 700px,
+  'sponsor'  : 840px,
+  'large'    : 1096px
 );