Merge pull request #223 from Automattic/fix/space-around-code

merkushin · web-flow · commit ae01588bb855 · 2021-11-22T16:27:43.000+03:00
Add space around code
diff --git a/syntaxhighlighter3/styles/shCore.css b/syntaxhighlighter3/styles/shCore.css
@@ -65,6 +65,7 @@
   overflow: auto !important;
   overflow-y: hidden !important;
   font-size: 1em !important;
+  padding: 0.5em 1em !important;
 }
 .syntaxhighlighter code {
   display: inline !important;
@@ -87,7 +88,7 @@
 }
 .syntaxhighlighter table caption {
   text-align: left !important;
-  padding: .5em 0 0.5em 1em !important;
+  padding: 0 0 0.5em 0 !important;
 }
 .syntaxhighlighter table td.code {
   width: 100% !important;
@@ -118,10 +119,11 @@
 }
 .syntaxhighlighter table td.gutter .line {
   text-align: right !important;
-  padding: 0 0.5em 0 1em !important;
+  padding: 0 0.5em 0 0 !important;
+  margin-right: 1em !important;
 }
 .syntaxhighlighter table td.code .line {
-  padding: 0 1em !important;
+  padding: 0 !important;
 }
 .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
   padding-left: 0em !important;

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@`
`65`	`65`	`overflow: auto !important;`
`66`	`66`	`overflow-y: hidden !important;`
`67`	`67`	`font-size: 1em !important;`
	`68`	`+ padding: 0.5em 1em !important;`
`68`	`69`	`}`
`69`	`70`	`.syntaxhighlighter code {`
`70`	`71`	`display: inline !important;`
`@@ -87,7 +88,7 @@`
`87`	`88`	`}`
`88`	`89`	`.syntaxhighlighter table caption {`
`89`	`90`	`text-align: left !important;`
`90`		`- padding: .5em 0 0.5em 1em !important;`
	`91`	`+ padding: 0 0 0.5em 0 !important;`
`91`	`92`	`}`
`92`	`93`	`.syntaxhighlighter table td.code {`
`93`	`94`	`width: 100% !important;`
`@@ -118,10 +119,11 @@`
`118`	`119`	`}`
`119`	`120`	`.syntaxhighlighter table td.gutter .line {`
`120`	`121`	`text-align: right !important;`
`121`		`- padding: 0 0.5em 0 1em !important;`
	`122`	`+ padding: 0 0.5em 0 0 !important;`
	`123`	`+ margin-right: 1em !important;`
`122`	`124`	`}`
`123`	`125`	`.syntaxhighlighter table td.code .line {`
`124`		`- padding: 0 1em !important;`
	`126`	`+ padding: 0 !important;`
`125`	`127`	`}`
`126`	`128`	`.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {`
`127`	`129`	`padding-left: 0em !important;`