fixes a margin issue (#1366)

visual-framework · Feb 10, 2021 · 1453d8b · 1453d8b
1 parent 51ce076
commit 1453d8b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/vf-content/CHANGELOG.md b/components/vf-content/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 1.4.0
+
+* adds top margin override for first item inside of `vf-content`
+
 ### 1.3.2
 
 * dependency bump

diff --git a/components/vf-content/vf-content.scss b/components/vf-content/vf-content.scss
@@ -31,8 +31,7 @@
   h2:not([class*='vf-']) {
     @include set-type(text-heading--2, $custom-margin-bottom: 39px);
 
-    margin-top: 0;
-    padding-top: 13px;
+    margin-top: 13px;
 
     b,
     strong {
@@ -84,6 +83,11 @@
     }
   }
 
+  // remove the top margin from first items becasue some times the first item is an h3
+  & > :first-child {
+    margin-top: 0 !important;
+  }
+
   p:not([class*='vf-']) {
     @include set-type(text-body--2, $custom-margin-bottom: 24px);
   }