fix spacing issue

DOI-ONRR · Feb 8, 2017 · de1ae9b · de1ae9b
1 parent 6ed55c5
commit de1ae9b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/_sass/_grid.scss b/_sass/_grid.scss
@@ -31,6 +31,8 @@ $massive-up: new-breakpoint(min-width $massive);
     @media only screen and (min-width: $tiny) { @content; }
   } @else if $media == tiny-to-small {
     @media only screen and (min-width: $tiny) and (max-width: $small) { @content; }
+  } @else if $media == tiny-to-medium {
+    @media only screen and (min-width: $tiny) and (max-width: $medium) { @content; }
   } @else if $media == small-down {
     @media only screen and (max-width: $small) { @content; }
   } @else if $media == small-up {

diff --git a/_sass/components/_ribbon.scss b/_sass/components/_ribbon.scss
@@ -187,6 +187,10 @@
 
     &.ribbon-card-home {
       padding-top: $base-padding-extra;
+
+      @include respond-to(tiny-to-medium) {
+        padding-top: 0;
+      }
     }
   }
 
@@ -197,8 +201,12 @@
     padding-top: $base-padding-large;
 
     &.ribbon-hero-home {
-      padding-bottom: $base-padding-jumbo;
+      padding-top: $base-padding-jumbo;
       padding-top: $base-padding-extra;
+
+      @include respond-to(tiny-to-medium) {
+        padding-bottom: 0;
+      }
     }
 
     &.ribbon-hero-column {