if exists('g:polyglot_disabled') && index(g:polyglot_disabled, 'scss') != -1 finish endif " Vim syntax file " Language: SCSS (Sassy CSS) " Author: Daniel Hofstetter (daniel.hofstetter@42dh.com) " URL: https://github.com/cakebaker/scss-syntax.vim " Last Change: 2015-04-22 " Inspired by the syntax files for sass and css. Thanks to the authors of " those files! if !exists("main_syntax") if exists("b:current_syntax") finish endif let main_syntax = 'scss' endif runtime! syntax/css.vim runtime! syntax/css/*.vim syn case ignore " XXX fix for #20, can be removed once the patch is in vim's css.vim syn match cssSpecialCharQQ +\\\\\|\\"+ contained syn match cssSpecialCharQ +\\\\\|\\'+ contained " XXX fix for #37 if v:version < 704 " replace the definition of cssBoxProp with the one from Vim 7.4 to prevent " highlighting issues syn clear cssBoxProp syn match cssBoxProp contained "\" syn match cssBoxProp contained "\" syn match cssBoxProp contained "\" syn match cssBoxProp contained "\" endif " override @font-face blocks to allow scss elements inside syn region cssFontDescriptorBlock contained transparent matchgroup=cssBraces start="{" end="}" contains=cssError,cssUnicodeEscape,cssFontProp,cssFontAttr,cssCommonAttr,cssStringQ,cssStringQQ,cssFontDescriptorProp,cssValue.*,cssFontDescriptorFunction,cssUnicodeRange,cssFontDescriptorAttr,@comment,scssDefinition,scssFunction,scssVariable,@scssControl,scssDebug,scssError,scssWarn syn region scssDefinition matchgroup=cssBraces start='{' end='}' contains=cssString.*,cssInclude,cssFontDescriptor,scssAtRootStatement,@comment,scssDefinition,scssProperty,scssSelector,scssVariable,scssImport,scssExtend,scssInclude,scssInterpolation,scssFunction,@scssControl,scssWarn,scssError,scssDebug,scssReturn containedin=cssMediaBlock fold syn match scssSelector _^\zs\([^:@]\|:[^ ]\|['"].*['"]\)\+{\@=_ contained contains=@scssSelectors syn match scssSelector "^\s*\zs\([^:@{]\|:[^ ]\|['"].*['"]\)\+\_$" contained contains=@scssSelectors " fix for #54 to recognize a multiline selector containing a string interpolation syn match scssSelector "^\zs\([^:@]\|:[^ ]\)\+#{.*}[^;{]\+\_$" contained contains=@scssSelectors syn cluster scssSelectors contains=@comment,cssSelectorOp,cssTagName,cssPseudoClass,cssAttributeSelector,scssSelectorChar,scssAmpersand,scssInterpolation syn match scssProperty "\([[:alnum:]-]\)\+\s*\(:\)\@=" contained contains=css.*Prop,cssVendor containedin=cssMediaBlock nextgroup=scssAttribute,scssAttributeWithNestedDefinition syn match scssAttribute ":[^;]*\ze\(;\|}\)" contained contains=css.*Attr,cssValue.*,cssColor,cssFunction,cssString.*,cssURL,scssFunction,scssInterpolation,scssVariable syn match scssSemicolon ";" containedin=scssDefinition,scssNestedDefinition syn match scssAttributeWithNestedDefinition ": [^#"]*{\@=" nextgroup=scssNestedDefinition contained contains=css.*Attr,cssValue.*,scssVariable syn region scssNestedDefinition matchgroup=cssBraces start="{" end="}" contained contains=@comment,scssProperty,scssNestedProperty " CSS properties from https://developer.mozilla.org/en-US/docs/Web/CSS/Reference " align syn keyword scssNestedProperty contained content items self nextgroup=scssAttribute " animation syn keyword scssNestedProperty contained delay direction duration fill-mode iteration-count name play-state timing-function nextgroup=scssAttribute " background syn keyword scssNestedProperty contained attachment clip color image origin position repeat size nextgroup=scssAttribute " border syn keyword scssNestedProperty contained bottom bottom-color bottom-left-radius bottom-right-radius bottom-style bottom-width nextgroup=scssAttribute syn keyword scssNestedProperty contained collapse color nextgroup=scssAttribute syn keyword scssNestedProperty contained image image-outset image-repeat image-slice image-source image-width nextgroup=scssAttribute syn keyword scssNestedProperty contained left left-color left-style left-width nextgroup=scssAttribute syn keyword scssNestedProperty contained radius nextgroup=scssAttribute syn keyword scssNestedProperty contained right right-color right-style right-width nextgroup=scssAttribute syn keyword scssNestedProperty contained spacing style nextgroup=scssAttribute syn keyword scssNestedProperty contained top top-color top-left-radius top-right-radius top-style top-width nextgroup=scssAttribute syn keyword scssNestedProperty contained width nextgroup=scssAttribute " box syn keyword scssNestedProperty contained decoration-break shadow sizing nextgroup=scssAttribute " break syn keyword scssNestedProperty contained after before inside nextgroup=scssAttribute " column syn keyword scssNestedProperty contained count fill gap rule rule-color rule-style rule-width span width nextgroup=scssAttribute " counter syn keyword scssNestedProperty contained increment reset nextgroup=scssAttribute " flex syn keyword scssNestedProperty contained basis direction flow grow shrink wrap nextgroup=scssAttribute " font syn keyword scssNestedProperty contained family feature-settings kerning language-override size size-adjust stretch style synthesis nextgroup=scssAttribute syn keyword scssNestedProperty contained variant variant-alternates variant-caps variant-east-asian variant-ligatures variant-numeric variant-position nextgroup=scssAttribute syn keyword scssNestedProperty contained weight nextgroup=scssAttribute " image syn keyword scssNestedProperty contained rendering resolution orientation nextgroup=scssAttribute " list syn keyword scssNestedProperty contained style style-image style-position style-type nextgroup=scssAttribute " margin/padding syn keyword scssNestedProperty contained bottom left right top nextgroup=scssAttribute " max/min syn keyword scssNestedProperty contained height width nextgroup=scssAttribute " nav syn keyword scssNestedProperty contained down index left right up nextgroup=scssAttribute " object syn keyword scssNestedProperty contained fit position nextgroup=scssAttribute " outline syn keyword scssNestedProperty contained color offset style width nextgroup=scssAttribute " overflow syn keyword scssNestedProperty contained wrap x y nextgroup=scssAttribute " page syn keyword scssNestedProperty contained break-after break-before break-inside nextgroup=scssAttribute " text syn keyword scssNestedProperty contained align align-last combine-horizontal nextgroup=scssAttribute syn keyword scssNestedProperty contained decoration decoration-color decoration-line decoration-style nextgroup=scssAttribute syn keyword scssNestedProperty contained indent orientation overflow rendering shadow transform underline-position nextgroup=scssAttribute " transform syn keyword scssNestedProperty contained origin style nextgroup=scssAttribute " transition syn keyword scssNestedProperty contained delay duration property timing-function nextgroup=scssAttribute " unicode syn keyword scssNestedProperty contained bidi range nextgroup=scssAttribute " word syn keyword scssNestedProperty contained break spacing wrap nextgroup=scssAttribute syn region scssInterpolation matchgroup=scssInterpolationDelimiter start="#{" end="}" contains=cssValue.*,cssColor,cssString.*,scssFunction,scssVariable containedin=cssComment,cssInclude,cssPseudoClassFn,cssPseudoClassLang,cssString.*,cssURL,scssFunction " ignores the url() function so it can be handled by css.vim syn region scssFunction contained matchgroup=scssFunctionName start="\<\(url(\)\@!\([[:alnum:]-_]\)\+\s*(" skip=+([^)]*)+ end=")" keepend extend containedin=cssInclude,cssMediaType syn match scssParameterList ".*" contained containedin=cssFunction,scssFunction contains=css.*Attr,cssColor,cssString.*,cssValue.*,scssBoolean,scssFunction,scssInterpolation,scssMap,scssNull,scssVariable syn match scssVariable "$[[:alnum:]_-]\+" containedin=cssFunction,scssFunction,cssInclude,cssMediaBlock,cssMediaType nextgroup=scssVariableAssignment skipwhite syn match scssVariableAssignment ":" contained nextgroup=scssVariableValue skipwhite syn region scssVariableValue start="" end="\ze[;)]" contained contains=css.*Attr,cssValue.*,cssColor,cssFunction,cssString.*,cssURL,scssBoolean,scssDefault,scssFunction,scssInterpolation,scssNull,scssVariable,scssMap,scssGlobal,scssAmpersand,@comment syn match scssGlobal "!global" contained syn keyword scssNull null contained syn keyword scssBoolean true false contained syn keyword scssBooleanOp and or not contained syn match scssMixin "^@mixin" nextgroup=scssMixinName skipwhite syn match scssMixinName "[[:alnum:]_-]\+" contained nextgroup=scssDefinition,scssMixinParams syn region scssMixinParams contained contains=css.*Attr,cssColor,cssValue.*,cssString.*,cssUrl,cssBoxProp,cssDimensionProp,@comment,scssBoolean,scssNull,scssVariable,scssFunction start="(" end=")" extend syn match scssInclude "@include" nextgroup=scssMixinName skipwhite containedin=cssMediaBlock syn match scssContent "@content" contained containedin=scssDefinition syn match scssFunctionDefinition "^@function" nextgroup=scssFunctionNameWithWhitespace skipwhite syn match scssFunctionNameWithWhitespace "[[:alnum:]_-]\+\s*" contained contains=scssFunctionName nextgroup=scssFunctionParams syn match scssFunctionName "[[:alnum:]_-]\+" contained syn region scssFunctionParams contained start="(" end=")" nextgroup=scssFunctionBody contains=scssVariable skipwhite syn region scssFunctionBody contained matchgroup=cssBraces start="{" end="}" contains=cssString.*,cssValue.*,@scssControl,scssBooleanOp,scssComment,scssVariable,scssReturn,scssFunction,scssDebug,scssError,scssWarn,scssDefinition,scssInterpolation fold syn match scssReturn "@return" contained syn match scssExtend "@extend" nextgroup=scssExtendedSelector skipwhite containedin=cssMediaBlock syn match scssExtendedSelector "[^;]\+" contained contains=cssTagName,cssPseudoClass,scssOptional,scssSelectorChar skipwhite syn match scssOptional "!optional" contained syn match scssImport "@import" nextgroup=scssImportList syn match scssImportList "[^;]\+" contained contains=cssString.*,cssMediaType,cssURL syn match scssSelectorChar "\(#\|\.\|%\)\([[:alnum:]_-]\|#{.*}\)\@=" nextgroup=scssSelectorName containedin=cssMediaBlock,cssPseudoClassFn syn match scssSelectorName "\([[:alnum:]_-]\|#{[^}]*}\)\+" contained contains=scssInterpolation syn match scssAmpersand "&" nextgroup=cssPseudoClass,scssSelectorName containedin=cssMediaBlock syn match scssDebug "@debug" nextgroup=scssOutput syn match scssWarn "@warn" nextgroup=scssOutput syn match scssError "@error" nextgroup=scssOutput syn match scssOutput "[^;]\+" contained contains=cssValue.*,cssString.*,scssFunction,scssVariable syn match scssDefault "!default" contained syn match scssIf "@\=if" nextgroup=scssCondition syn match scssCondition "[^{]\+" contained contains=cssValue.*,cssString.*,scssBoolean,scssBooleanOp,scssFunction,scssNull,scssVariable,scssAmpersand syn match scssElse "@else" nextgroup=scssIf syn match scssElse "@else\(\s*\({\|$\)\)\@=" syn match scssWhile "@while" nextgroup=scssCondition syn match scssFor "@for\s\+.*from\s\+.*\(to\|through\)\s\+[^{ ]\+" contains=cssValueNumber,scssFunction,scssVariable,scssForKeyword syn match scssForKeyword "@for\|from\|to\|through" contained syn region scssEach matchgroup=scssEachKeyword start="@each" end="in" contains=scssVariable nextgroup=scssCollection syn region scssCollection start=" " end="\ze{" contained contains=scssFunction,scssMap,scssVariable syn cluster scssControl contains=scssIf,scssElse,scssWhile,scssFor,scssEach syn region scssMap matchgroup=scssMapParens start="[^:alpha:]\=\zs(\ze\(\s*\n.*:\|.\+:\)" end=")" contains=@comment,scssMapKey extend syn match scssMapKey "[^: ]\+\ze[:]" contained contains=css.*Attr,cssString.*,scssVariable nextgroup=scssMapValue syn match scssMapValue "[^,)]\+\ze[,)]" contained contains=cssColor,css.*Prop,cssString.*,cssValueLength,scssBoolean,scssFunction,scssNull,scssVariable syn region scssAtRootStatement start="@at-root" end="\ze{" contains=@scssSelectors,scssAtRoot syn match scssAtRoot "@at-root" contained syn match scssAtRoot "(\zswith\(out\)\=\ze:" contained syn match scssComment "//.*$" contains=@Spell containedin=cssMediaBlock syn cluster comment contains=cssComment,scssComment syn match scssStickyCommentChar "^\/\*\zs!" contained containedin=cssComment syn keyword scssTodo TODO FIXME NOTE OPTIMIZE XXX contained containedin=@comment hi def link scssNestedProperty cssProp hi def link scssVariable Identifier hi def link scssGlobal Special hi def link scssNull Constant hi def link scssBoolean Constant hi def link scssBooleanOp Operator hi def link scssMixin PreProc hi def link scssMixinName Function hi def link scssContent PreProc hi def link scssFunctionDefinition PreProc hi def link scssFunctionName Function hi def link scssReturn Statement hi def link scssInclude PreProc hi def link scssExtend PreProc hi def link scssOptional Special hi def link scssComment Comment hi def link scssStickyCommentChar Special hi def link scssSelectorChar Special hi def link scssSelectorName Identifier hi def link scssAmpersand Character hi def link scssDebug Debug hi def link scssWarn Debug hi def link scssError Debug hi def link scssDefault Special hi def link scssIf Conditional hi def link scssElse Conditional hi def link scssWhile Repeat hi def link scssForKeyword Repeat hi def link scssEachKeyword Repeat hi def link scssInterpolationDelimiter Delimiter hi def link scssImport Include hi def link scssTodo Todo hi def link scssAtRoot Keyword hi def link scssMapParens Delimiter hi def link scssSemicolon Delimiter let b:current_syntax = "scss" if main_syntax == 'scss' unlet main_syntax endif