move mermaid styles to own module

weru

16.13.2023 3dc0cfb10bf279c5d224251c3af13b6843b62aab

move mermaid styles to own module

Signed-off-by: weru <fromweru@gmail.com>

 assets/sass/_components.sass

@@ -321,20 +321,3 @@
    background-size: 12%
    background-position: 50% 50%
    background-repeat: no-repeat

.mermaid
  --theme: darkgoldenrod
  background-color: transparent !important
  margin-bottom: 2.5rem
  svg
    margin: 0 auto
    display: block
  .actor, .labelBox, .classGroup rect
    fill: var(--theme) !important
    stroke: var(--theme) !important
  .messageText, tspan, text
    fill: var(--text) !important
    stroke: var(--text) !important
  .messageLine0, .loopLine
    stroke: var(--theme) !important
    fill: var(--theme) !important

 assets/sass/_mermaid.sass

New file
@@ -0,0 +1,16 @@
.mermaid
  --theme: darkgoldenrod
  background-color: transparent !important
  margin-bottom: 2.5rem
  svg
    margin: 0 auto
    display: block
  .actor, .labelBox, .classGroup rect
    fill: var(--theme) !important
    stroke: var(--theme) !important
  .messageText, tspan, text
    fill: var(--text) !important
    stroke: var(--text) !important
  .messageLine0, .loopLine
    stroke: var(--theme) !important
    fill: var(--theme) !important