mirror of
https://github.com/Funkoala14/knowledgebase_law.git
synced 2025-06-08 20:48:15 +08:00
85 lines
2.6 KiB
JavaScript
85 lines
2.6 KiB
JavaScript
'use strict'
|
|
|
|
module.exports = scss
|
|
scss.displayName = 'scss'
|
|
scss.aliases = []
|
|
function scss(Prism) {
|
|
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
|
|
}
|