From be33c41a4023a5054b3ab25945d9806d957881c8 Mon Sep 17 00:00:00 2001
From: Tyler Long <tyler4long@gmail.com>
Date: Sun, 11 Mar 2018 18:24:58 +0800
Subject: [PATCH] Scope all css rules to .mermaid

---
 src/themes/flow.scss    |  2 +-
 src/themes/mermaid.scss | 44 +++++++++++++++++++++--------------------
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/themes/flow.scss b/src/themes/flow.scss
index 675f521cb..b6b6a4c16 100644
--- a/src/themes/flow.scss
+++ b/src/themes/flow.scss
@@ -1,4 +1,4 @@
-.mermaid .label {
+.label {
   font-family: 'trebuchet ms', verdana, arial;
   color: #333
 }
diff --git a/src/themes/mermaid.scss b/src/themes/mermaid.scss
index df7d3026d..ba99c3883 100644
--- a/src/themes/mermaid.scss
+++ b/src/themes/mermaid.scss
@@ -1,24 +1,26 @@
-@import 'flow';
-@import 'sequenceDiagram';
-@import 'gantt';
-@import 'classDiagram';
-@import 'gitGraph';
+.mermaid {
+  @import 'flow';
+  @import 'sequenceDiagram';
+  @import 'gantt';
+  @import 'classDiagram';
+  @import 'gitGraph';
 
-.node text {
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
-}
+  .node text {
+    font-family: 'trebuchet ms', verdana, arial;
+    font-size: 14px;
+  }
 
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
+  div.mermaidTooltip {
+    position: absolute;
+    text-align: center;
+    max-width: 200px;
+    padding: 2px;
+    font-family: 'trebuchet ms', verdana, arial;
+    font-size: 12px;
+    background: $secondBkg;
+    border: 1px solid $border2;
+    border-radius: 2px;
+    pointer-events: none;
+    z-index: 100;
+  }
 }