Improve wikilink styling (foambubble#221)

* Improve wikilink formatting detection * Remove surrounding brackets * Add wikilink styling

Author: jevakallio

docs/_layouts/foam.html

@@ -26,7 +26,14 @@
  prev instanceof Text && prev.textContent.endsWith('[') && 
  next instanceof Text && next.textContent.startsWith(']')
  ) {
+ 
+ // remove surrounding brackets
+ prev.textContent = prev.textContent.slice(0, -1);
+ next.textContent = next.textContent.slice(1);
 
+ // add CSS list for styling
+ a.classList.add('wikilink');
+ 
  // replace page-link with "Page Title"...
  a.innerText = a.title;
 

docs/assets/css/style.scss

@@ -52,6 +52,16 @@ blockquote {
  "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
 }
 
+.wikilink:before {
+ content: "[[";
+ opacity: 0.5;
+}
+
+.wikilink:after {
+ content: "]]";
+ opacity: 0.5;
+}
+
 .github-only {
  display: none;
 }