chore: add prismjs for syntax highlighting

1 files changed, 82 insertions, 0 deletions

diff --git a/public/prism/prism-scss.js b/public/prism/prism-scss.js
new file mode 100644
index 0000000..c99a1fb
--- /dev/null
+++ b/public/prism/prism-scss.js
@@ -0,0 +1,82 @@
+Prism.languages.scss = Prism.languages.extend('css', {
+  comment: {
+    pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,
+    lookbehind: true,
+  },
+  atrule: {
+    pattern: /@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,
+    inside: {
+      rule: /@[\w-]+/,
+      // See rest below
+    },
+  },
+  // url, compassified
+  url: /(?:[-a-z]+-)?url(?=\()/i,
+  // CSS selector regex is not appropriate for Sass
+  // since there can be lot more things (var, @ directive, nesting..)
+  // a selector must start at the end of a property or after a brace (end of other rules or nesting)
+  // it can contain some characters that aren't used for defining rules or end of selector, & (parent selector), or interpolated variable
+  // the end of a selector is found when there is no rules in it ( {} or {\s}) or if there is a property (because an interpolated var
+  // can "pass" as a selector- e.g: proper#{$erty})
+  // this one was hard to do, so please be careful if you edit this one :)
+  selector: {
+    // Initial look-ahead is used to prevent matching of blank selectors
+    pattern:
+      /(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,
+    inside: {
+      parent: {
+        pattern: /&/,
+        alias: 'important',
+      },
+      placeholder: /%[-\w]+/,
+      variable: /\$[-\w]+|#\{\$[-\w]+\}/,
+    },
+  },
+  property: {
+    pattern: /(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,
+    inside: {
+      variable: /\$[-\w]+|#\{\$[-\w]+\}/,
+    },
+  },
+});
+
+Prism.languages.insertBefore('scss', 'atrule', {
+  keyword: [
+    /@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,
+    {
+      pattern: /( )(?:from|through)(?= )/,
+      lookbehind: true,
+    },
+  ],
+});
+
+Prism.languages.insertBefore('scss', 'important', {
+  // var and interpolated vars
+  variable: /\$[-\w]+|#\{\$[-\w]+\}/,
+});
+
+Prism.languages.insertBefore('scss', 'function', {
+  'module-modifier': {
+    pattern: /\b(?:as|hide|show|with)\b/i,
+    alias: 'keyword',
+  },
+  placeholder: {
+    pattern: /%[-\w]+/,
+    alias: 'selector',
+  },
+  statement: {
+    pattern: /\B!(?:default|optional)\b/i,
+    alias: 'keyword',
+  },
+  boolean: /\b(?:false|true)\b/,
+  null: {
+    pattern: /\bnull\b/,
+    alias: 'keyword',
+  },
+  operator: {
+    pattern: /(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,
+    lookbehind: true,
+  },
+});
+
+Prism.languages.scss['atrule'].inside.rest = Prism.languages.scss;