diff options
Diffstat (limited to 'public/prism/prism-scss.js')
| -rw-r--r-- | public/prism/prism-scss.js | 82 |
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; |
