2 files changed, 12 insertions, 6 deletions
diff --git a/public/css/markdown.css b/public/css/markdown.css
index 1de90250..ad3a655f 100644
--- a/public/css/markdown.css
+++ b/public/css/markdown.css
@@ -113,7 +113,8 @@
 .markdown-body pre.flow-chart,
 .markdown-body pre.sequence-diagram,
 .markdown-body pre.graphviz,
-.markdown-body pre.mermaid {
+.markdown-body pre.mermaid,
+.markdown-body pre.abc {
     text-align: center;
     background-color: inherit;
     border-radius: 0;
@@ -123,14 +124,16 @@
 .markdown-body pre.flow-chart > code,
 .markdown-body pre.sequence-diagram > code,
 .markdown-body pre.graphviz > code,
-.markdown-body pre.mermaid > code {
+.markdown-body pre.mermaid > code,
+.markdown-body pre.abc > code {
     text-align: left;
 }
 
 .markdown-body pre.flow-chart > svg,
 .markdown-body pre.sequence-diagram > svg,
 .markdown-body pre.graphviz > svg,
-.markdown-body pre.mermaid > svg {
+.markdown-body pre.mermaid > svg,
+.markdown-body pre.abc > svg {
     max-width: 100%;
     height: 100%;
 }
diff --git a/public/css/slide.css b/public/css/slide.css
index b68ccb10..74bc03c8 100644
--- a/public/css/slide.css
+++ b/public/css/slide.css
@@ -221,7 +221,8 @@ code[data-gist-id]:after {
 pre.flow-chart,
 pre.sequence-diagram,
 pre.graphviz,
-pre.mermaid {
+pre.mermaid,
+pre.abc {
     text-align: center;
     background-color: white;
     border-radius: 0;
@@ -231,14 +232,16 @@ pre.mermaid {
 pre.flow-chart > code,
 pre.sequence-diagram > code,
 pre.graphviz > code,
-pre.mermaid > code {
+pre.mermaid > code,
+pre.abc > code {
     text-align: left;
 }
 
 pre.flow-chart > svg,
 pre.sequence-diagram > svg,
 pre.graphviz > svg,
-pre.mermaid > svg {
+pre.mermaid > svg,
+pre.abc > svg {
     max-width: 100%;
     height: 100%;
 }