Unverified Commit 86160f37 authored by Henk Verlinde's avatar Henk Verlinde Committed by GitHub
Browse files

Merge pull request #369 from h-enk/mermaid 

Add Mermaid support
parents 710c6b02 43c2d3f1

assets/js/clipboard.js

+5 −1
Original line number Diff line number Diff line
@@ -5,8 +5,12 @@ var pre = document.getElementsByTagName('pre'); 
for (var i = 0; i < pre.length; ++ i)

{

  var element = pre[i];

  var mermaid = element.getElementsByClassName('language-mermaid')[0];



  if (mermaid == null) {

    element.insertAdjacentHTML('afterbegin', '<button class="btn btn-copy"></button>');

  }

}



var clipboard = new Clipboard('.btn-copy', {

assets/js/highlight.js

+1 −1
Original line number Diff line number Diff line
@@ -18,7 +18,7 @@ hljs.registerLanguage('yaml', yaml); 
hljs.registerLanguage('md', markdown);



document.addEventListener('DOMContentLoaded', () => {

  document.querySelectorAll('pre code').forEach((block) => {

  document.querySelectorAll('pre code:not(.language-mermaid)').forEach((block) => {

    hljs.highlightElement(block);

  });

});

assets/js/mermaid.js

0 → 100644
+11 −0
Original line number Diff line number Diff line 
import mermaid from 'mermaid/dist/mermaid';



var config = {

  theme: 'default',

  fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',

};



document.addEventListener('DOMContentLoaded', () => {

  mermaid.initialize(config);

  mermaid.init(undefined, '.language-mermaid');

});

assets/scss/app.scss

+1 −0
Original line number Diff line number Diff line
@@ -24,6 +24,7 @@ 
@import "components/comments";

@import "components/forms";

@import "components/images";

@import "components/mermaid";

@import "components/search";

@import "components/tables";

@import "layouts/footer";

assets/scss/common/_dark.scss

+10 −5
Original line number Diff line number Diff line
@@ -232,11 +232,6 @@ body.dark pre code::-webkit-scrollbar-thumb { 
  background: $gray-400;

}



body.dark code:not(.hljs) {

  background: $body-overlay-dark;

  color: $body-color-dark;

}



body.dark pre code:hover {

  scrollbar-width: thin;

  scrollbar-color: $border-dark transparent;
@@ -246,6 +241,16 @@ body.dark pre code::-webkit-scrollbar-thumb:hover { 
  background: $gray-500;

}



body.dark code:not(.hljs):not(.language-mermaid) {

  background: $body-overlay-dark;

  color: $body-color-dark;

}



body.dark .mermaid,

body.dark pre code.language-mermaid {

  background: $white;

}



body.dark blockquote {

  border-left: 3px solid $border-dark;

}