Fix: TC typography - replace <p> padding by margin

birdofpreyru · birdofpreyru · commit 100d3e3eda54 · 2018-08-24T13:27:42.000+02:00
This helps with correct margin collapsing when &lt;p&gt; blocks are nested
into lists (and it is important for the content coming from CMS where
users ability to work around arising layout problems is limited).
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
     "lint:scss": "./node_modules/.bin/stylelint **/*.scss --syntax scss",
     "test": "npm run lint && npm run jest"
   },
-  "version": "0.5.2",
+  "version": "0.5.3",
   "dependencies": {
     "react": "^16.4.1",
     "react-css-super-themr": "^2.2.0",
diff --git a/src/styles/_mixins/typography.scss b/src/styles/_mixins/typography.scss
@@ -215,7 +215,7 @@
   p {
     @include tc-body-md;
 
-    padding: 10px 0;
+    margin: 10px 0;
   }
 
   td,

Original file line number	Diff line number	Diff line change
`@@ -215,7 +215,7 @@`
`215`	`215`	`p {`
`216`	`216`	`@include tc-body-md;`
`217`	`217`
`218`		`- padding: 10px 0;`
	`218`	`+ margin: 10px 0;`
`219`	`219`	`}`
`220`	`220`
`221`	`221`	`td,`