fix(callout): remove margin from list when in columns

affects: @buildit/gravity-ui-web
buildit · Jul 15, 2019 · 5d7587d · 5d7587d
1 parent d1d92a8
commit 5d7587d
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/gravity-ui-web/src/sass/05-components/03-organisms/_callout.scss b/packages/gravity-ui-web/src/sass/05-components/03-organisms/_callout.scss
@@ -1,9 +1,11 @@
 .grav-c-callout {
+  $columns-breakpoint: small;
+
   p {
     @include grav-font-size(2);
     line-height: 1.2;
 
-    @media all and (min-width: grav-breakpoint(small)) {
+    @media all and (min-width: grav-breakpoint($columns-breakpoint)) {
       max-width: 24rem;
       margin-right: $grav-sp-l;
     }
@@ -19,7 +21,7 @@
     padding-top: $grav-sp-vertical-gap;
     padding-bottom: $grav-sp-vertical-gap;
 
-    @media all and (min-width: grav-breakpoint(small)) {
+    @media all and (min-width: grav-breakpoint($columns-breakpoint)) {
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -28,5 +30,9 @@
 
   .grav-c-three-column-list-justified {
     max-width: 28rem;
+
+    @media all and (min-width: grav-breakpoint($columns-breakpoint)) {
+      margin-top: 0;
+    }
   }
 }