Fix slide preview styles might overwrite code block styles

jackycute · jackycute · commit af9e2fe664e9 · 2016-11-28T02:14:29.000+08:00
diff --git a/public/css/slide-preview.css b/public/css/slide-preview.css
@@ -24,13 +24,17 @@
   text-align: center;
 }
 
+.markdown-body.slides section[data-markdown] code {
+  text-align: left;
+}
+
 .markdown-body.slides section[data-markdown]::before {
   content: '';
   display: block;
   padding-bottom: 56.23%;
 }
 
-.markdown-body.slides section[data-markdown] div:first-child {
+.markdown-body.slides section[data-markdown] > div:first-child {
   position: absolute;
   top: 50%;
   left: 1em;
@@ -40,7 +44,7 @@
   overflow: hidden;
 }
 
-.markdown-body.slides section[data-markdown] ul {
+.markdown-body.slides section[data-markdown] > ul {
   display: inline-block;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -24,13 +24,17 @@`
`24`	`24`	`text-align: center;`
`25`	`25`	`}`
`26`	`26`
	`27`	`+.markdown-body.slides section[data-markdown] code {`
	`28`	`+ text-align: left;`
	`29`	`+}`
	`30`	`+`
`27`	`31`	`.markdown-body.slides section[data-markdown]::before {`
`28`	`32`	`content: '';`
`29`	`33`	`display: block;`
`30`	`34`	`padding-bottom: 56.23%;`
`31`	`35`	`}`
`32`	`36`
`33`		`-.markdown-body.slides section[data-markdown] div:first-child {`
	`37`	`+.markdown-body.slides section[data-markdown] > div:first-child {`
`34`	`38`	`position: absolute;`
`35`	`39`	`top: 50%;`
`36`	`40`	`left: 1em;`
`@@ -40,7 +44,7 @@`
`40`	`44`	`overflow: hidden;`
`41`	`45`	`}`
`42`	`46`
`43`		`-.markdown-body.slides section[data-markdown] ul {`
	`47`	`+.markdown-body.slides section[data-markdown] > ul {`
`44`	`48`	`display: inline-block;`
`45`	`49`	`}`
`46`	`50`