---
comment: Complete Rewrite of the SCSS Grammar by Mario "Kuroir" Ricalde (http://kuroir.com)
fileTypes:
- scss
foldingStartMarker: /\*\*(?!\*)|\{\s*($|/\*(?!.*?\*/.*\S))
foldingStopMarker: (?<!\*)\*\*/|^\s*\}
keyEquivalent: ^~S
name: SCSS
patterns:
- comment: Variable setting
  include: ! '#variable_setting'
- include: ! '#include'
- include: ! '#import'
- include: ! '#general'
- include: ! '#flow_control'
- comment: Yes, we need the rules at root level available for nesting.
  include: ! '#rules'
- comment: Properties
  include: ! '#property_list'
- begin: ^\s*((@)mixin) ([\w-]{1,})\s{0,2}\(
  captures:
    '1':
      name: keyword.control.at-rule.mixin.scss
    '2':
      name: punctuation.definition.keyword.scss
    '3':
      name: entity.name.function.scss
  comment: Mixin with Attributes
  end: \)
  name: meta.at-rule.mixin.scss
  patterns:
  - include: ! '#function_attributes'
- captures:
    '1':
      name: keyword.control.at-rule.mixin.scss
    '2':
      name: punctuation.definition.keyword.css
    '3':
      name: entity.name.function.scss
  comment: Simple Mixin
  match: ^\s*((@)mixin) ([\w-]{1,})
  name: meta.at-rule.mixin.scss
- begin: ^\s*((@)function) ([\w-]{1,})\s{0,2}\(
  captures:
    '1':
      name: keyword.control.at-rule.function.scss
    '2':
      name: punctuation.definition.keyword.css
    '3':
      name: entity.name.function.scss
  comment: Function with Attributes
  end: \)
  name: meta.at-rule.function.scss
  patterns:
  - include: ! '#function_attributes'
- captures:
    '1':
      name: keyword.control.at-rule.function.scss
    '2':
      name: punctuation.definition.keyword.css
    '3':
      name: entity.name.function.scss
  comment: Simple Function
  match: ^\s*((@)function) ([\w-]{1,})
  name: meta.at-rule.function.scss
- captures:
    '1':
      name: keyword.control.at-rule.charset.scss
    '2':
      name: punctuation.definition.keyword.css
  comment: Charset
  match: ^\s*((@)charset\b)\s*
  name: meta.at-rule.charset.scss
- captures:
    '1':
      name: keyword.control.at-rule.charset.scss
    '2':
      name: punctuation.definition.keyword.css
  comment: Option
  match: ^\s*((@)option\b)\s*
  name: meta.at-rule.option.scss
repository:
  comment_block:
    begin: \s{0,}/\*
    captures:
      '0':
        name: punctuation.whitespace.comment.trailing.scss
    comment: Revamped Comment block.
    end: (\*/)\s{0,}
    name: comment.block.scss
  comment_line:
    begin: (\s{0,})//
    comment: Revamped
    end: $(\s{0,})
    name: comment.line.scss
  constant_color:
    comment: http://www.w3.org/TR/CSS21/syndata.html#value-def-color
    match: \b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\b
    name: support.constant.color.w3c-standard-color-name.css
  constant_depracated_color:
    comment: ! 'These colours are mostly recognised but will not validate. ref: http://www.w3schools.com/css/css_colornames.asp'
    match: \b(aliceblue|antiquewhite|aquamarine|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|gold|goldenrod|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|magenta|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olivedrab|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|whitesmoke|yellowgreen)\b
    name: invalid.deprecated.color.w3c-non-standard-color-name.css
  constant_font:
    match: (\b(?i:arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace)\b)
    name: support.constant.font-name.css
  constant_functions:
    begin: ([\w-]{1,})\s*(\()
    beginCaptures:
      '1':
        name: support.function.misc.css
      '2':
        name: punctuation.section.function.css
    end: (\))
    endCaptures:
      '1':
        name: punctuation.section.function.css
    patterns:
    - include: ! '#parameters'
  constant_hex:
    captures:
      '1':
        name: punctuation.definition.constant.css
    match: (#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\b
    name: constant.other.color.rgb-value.css
  constant_important:
    match: \!\s*important
    name: keyword.other.important.css
  constant_mathematical_symbols:
    match: (\b(\+|-|\*|/)\b)
    name: support.constant.mathematical-symbols.css
  constant_number:
    match: ! '[+-]?\s*([0-9]+(\.[0-9]+)?|\.[0-9]+)'
    name: constant.numeric.css
  constant_property_value:
    match: \b(absolute|all-scroll|always|armenian|auto|baseline|below|bidi-override|block|bold|bolder|both|bottom|break-all|break-word|capitalize|center|char|circle|cjk-ideographic|col-resize|collapse|crosshair|dashed|decimal-leading-zero|decimal|default|disabled|disc|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ellipsis|fixed|georgian|groove|hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|inactive|inherit|inline-block|inline|inset|inside|inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|keep-all|left|lighter|line-edge|line-through|line|list-item|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|nw-resize|none|normal|not-allowed|nowrap|oblique|outset|outside|overline|pointer|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|super|sw-resize|table-footer-group|table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|vertical-ideographic|vertical-text|visible|w-resize|wait|whitespace|zero|true|false)\b
    name: support.constant.property-value.css
  constant_rgb:
    match: (\b0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*)(0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\s*,\s*)(0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\b)
    name: constant.other.color.rgb-value.css
  constant_rgb_percentage:
    match: \b([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%,\s*([0-9]{1,2}|100)\s*%
    name: constant.other.color.rgb-percentage.css
  constant_sass_functions:
    begin: (headings|stylesheet-url|rgba?|hsla?|ie-hex-str|red|green|blue|alpha|opacity|hue|saturation|lightness|prefixed|prefix|-moz|-svg|-css2|-pie|-webkit|-ms|-o|font-(?:files|url)|grid-image|image-(?:width|height|url|color)|sprites?|sprite-(?:map|map-name|file|url|position)|inline-(?:font-files|image)|opposite-position|grad-point|grad-end-position|color-stops|color-stops-in-percentages|grad-color-stops|(?:radial|linear)-(?:gradient|svg-gradient)|opacify|fade-?in|transparentize|fade-?out|lighten|darken|saturate|desaturate|grayscale|adjust-(?:hue|lightness|saturation|color)|scale-(?:lightness|saturation|color)|change-color|spin|complement|invert|mix|-compass-(?:list|space-list|slice|nth|list-size)|blank|compact|nth|first-value-of|join|length|append|nest|append-selector|headers|enumerate|range|percentage|unitless|unit|if|type-of|comparable|elements-of-type|quote|unquote|escape|e|sin|cos|tan|abs|round|ceil|floor|pi)\s*(\()
    beginCaptures:
      '1':
        name: support.function.misc.css
      '2':
        name: punctuation.section.function.css
    end: (\))
    endCaptures:
      '1':
        name: punctuation.section.function.css
    patterns:
    - include: ! '#parameters'
  constant_unit:
    match: (?<=[\d])(px|pt|cm|mm|in|em|ex|pc|deg)\b|%
    name: keyword.other.unit.css
  each:
    begin: \s{0,}((@)(each)\b)
    captures:
      '1':
        name: keyword.control.each.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?={)
    name: meta.at-rule.each.scss
    patterns:
    - match: \b(in|\,)\b
      name: keyword.control.operator
    - include: ! '#variable'
    - include: ! '#property_values'
    - include: $self
  else:
    begin: \s*((@)(else)\b)
    captures:
      '1':
        name: keyword.control.else.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?={)
    name: meta.at-rule.else.scss
    patterns:
    - include: ! '#logical_operators'
    - include: ! '#variable'
    - include: ! '#property_values'
  extend:
    begin: \s*((@)(extend)\b)
    captures:
      '1':
        name: keyword.control.at-rule.import.css
      '2':
        name: punctuation.definition.keyword.css
    end: \s*((?=;))
    name: meta.at-rule.import.css
    patterns:
    - include: ! '#variable'
    - include: ! '#selectors'
  flow_control:
    patterns:
    - include: ! '#if'
    - include: ! '#else'
    - include: ! '#warn'
    - include: ! '#for'
    - include: ! '#while'
    - include: ! '#each'
    - include: ! '#return'
  for:
    begin: \s{0,}((@)(for)\b)
    captures:
      '1':
        name: keyword.control.for.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?={)
    name: meta.at-rule.for.scss
    patterns:
    - match: (\=\=|\!\=|\<\=|\>\=|\<|\>|from|through)
      name: keyword.control.operator
    - include: ! '#variable'
    - include: ! '#property_values'
    - include: $self
  function_attributes:
    patterns:
    - match: ! ':'
      name: punctuation.definition
    - include: ! '#general'
    - include: ! '#property_values'
    - comment: We even have error highlighting <3
      match: ! '[=\{\}\?\;\@]'
      name: invalid.illegal
  functions:
    patterns:
    - begin: ([\w-]{1,})(\()\s*
      beginCaptures:
        '1':
          name: support.function.misc.css
        '2':
          name: punctuation.section.function.css
      end: (\))
      endCaptures:
        '1':
          name: punctuation.section.function.css
      patterns:
      - include: ! '#parameters'
    - match: ([\w-]{1,})
      name: support.function.misc.css
  general:
    comment: Stuff that should be everywhere
    patterns:
    - include: ! '#variable'
    - include: ! '#comment_block'
    - include: ! '#comment_line'
  if:
    begin: \s{0,}((@)(if)\b)
    captures:
      '1':
        name: keyword.control.if.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?={)
    name: meta.at-rule.if.scss
    patterns:
    - include: ! '#logical_operators'
    - include: ! '#variable'
    - include: ! '#property_values'
  import:
    begin: \s*((@)(import)\b)
    captures:
      '1':
        name: keyword.control.at-rule.import.css
      '2':
        name: punctuation.definition.keyword.css
    end: \s*((?=;|\}))
    name: meta.at-rule.import.css
    patterns:
    - include: ! '#variable'
    - include: ! '#string_single'
    - include: ! '#string_double'
    - include: ! '#functions'
  include:
    begin: \s*((@)(include)\b)
    captures:
      '1':
        name: keyword.control.at-rule.import.css
      '2':
        name: punctuation.definition.keyword.css
    end: \s*((?=;|\}))
    name: meta.at-rule.include.css
    patterns:
    - include: ! '#functions'
  interpolation:
    begin: ! '#\{'
    end: \}
    name: variable.interpolation.scss
    patterns:
    - include: ! '#property_values'
    - include: ! '#variable'
  logical_operators:
    match: (\=\=|\!\=|\<\=|\>\=|\<|\>|not|or|and)
    name: keyword.control.operator
  parameters:
    patterns:
    - include: ! '#variable'
    - include: ! '#property_values'
    - include: ! '#comment_line'
    - include: ! '#comment_block'
    - match: ! '[^''",) \t]+'
      name: variable.parameter.url.css
    - match: ! ','
      name: punctuation.css
  property_list:
    begin: \{
    captures:
      '0':
        name: punctuation.section.property-list.css
    end: \}
    name: meta.property-list.css
    patterns:
    - include: ! '#flow_control'
    - include: ! '#rules'
  property_name:
    comment: Reversal order is important; KEEP IT. Also when adding new properties
      add them to the error checker below!
    match: \b(z-index|y|x|wrap|word-wrap|word-spacing|word-break|word|width|widows|white-space-collapse|white-space|white|weight|volume|voice-volume|voice-stress|voice-rate|voice-pitch-range|voice-pitch|voice-family|voice-duration|voice-balance|voice|visibility|vertical-align|variant|user-select|up|unicode-bidi|unicode|trim|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform|top-width|top-style|top-right-radius|top-left-radius|top-color|top|timing-function|text-wrap|text-transform|text-shadow|text-replace|text-outline|text-justify|text-indent|text-height|text-emphasis|text-decoration|text-align-last|text-align|text|target-position|target-new|target-name|target|table-layout|tab-side|style-type|style-position|style-image|style|string-set|stretch|stress|stacking-strategy|stacking-shift|stacking-ruby|stacking|speed|speech-rate|speech|speak-punctuation|speak-numeral|speak-header|speak|span|spacing|space-collapse|space|sizing|size-adjust|size|shadow|rule-width|rule-style|rule-color|rule|ruby-span|ruby-position|ruby-overhang|ruby-align|ruby|rows|rotation-point|rotation|role|right-width|right-style|right-color|right|richness|rest-before|rest-after|rest|resource|resolution|resize|reset|replace|repeat|rendering-intent|rate|radius|quotes|punctuation-trim|punctuation|property|profile|presentation-level|presentation|position|point|play-state|play-during|play-count|pitch-range|pitch|phonemes|pause-before|pause-after|pause|page-policy|page-break-inside|page-break-before|page-break-after|page|padding-top|padding-right|padding-left|padding-bottom|padding|pack|overhang|overflow-y|overflow-x|overflow-style|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|origin|orientation|orient|ordinal-group|opacity|offset|numeral|new|nav-up|nav-right|nav-left|nav-index|nav-down|nav|name|move-to|model|min-width|min-height|min|max-width|max-height|max|marquee-style|marquee-speed|marquee-play-count|marquee-direction|marquee|marks|mark-before|mark-after|mark|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|list|lines|line-stacking-strategy|line-stacking-shift|line-stacking-ruby|line-stacking|line-height|line|level|letter-spacing|length|left-width|left-style|left-color|left|label|justify|iteration-count|inline-box-align|initial-value|initial-size|initial-before-align|initial-before-adjust|initial-after-align|initial-after-adjust|index|indent|increment|image-resolution|image-orientation|image|icon|hyphens|hyphenate-resource|hyphenate-lines|hyphenate-character|hyphenate-before|hyphenate-after|hyphenate|height|header|hanging-punctuation|grid-rows|grid-columns|grid|gap|font-weight|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-family|font|float-offset|float|flex-group|flex|fit-position|fit|fill|family|empty-cells|emphasis|elevation|duration|drop-initial-value|drop-initial-size|drop-initial-before-align|drop-initial-before-adjust|drop-initial-after-align|drop-initial-after-adjust|drop|down|dominant-baseline|display-role|display-model|display|direction|delay|decoration-break|decoration|cursor|cue-before|cue-after|cue|crop|counter-reset|counter-increment|counter|count|content|columns|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|column-break-before|column-break-after|column|color-profile|color|collapse|clip|clear|character|caption-side|break-inside|break-before|break-after|break|box-sizing|box-shadow|box-pack|box-orient|box-ordinal-group|box-lines|box-flex-group|box-flex|box-direction|box-decoration-break|box-align|box|bottom-width|bottom-style|bottom-right-radius|bottom-left-radius|bottom-color|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-length|border-left-width|border-left-style|border-left-color|border-left|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|bookmark-target|bookmark-level|bookmark-label|bookmark|binding|bidi|before|baseline-shift|baseline|balance|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-break|background-attachment|background|azimuth|attachment|appearance|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-duration|animation-direction|animation-delay|animation|alignment-baseline|alignment-adjust|alignment|align-last|align|after|adjust)\b
    name: support.type.property-name.css
  property_name_error:
    match: (?<![a-z-])(?!z-index\b|y\b|x\b|wrap\b|word-wrap\b|word-spacing\b|word-break\b|word\b|width\b|widows\b|white-space-collapse\b|white-space\b|white\b|weight\b|volume\b|voice-volume\b|voice-stress\b|voice-rate\b|voice-pitch-range\b|voice-pitch\b|voice-family\b|voice-duration\b|voice-balance\b|voice\b|visibility\b|vertical-align\b|variant\b|user-select\b|up\b|unicode-bidi\b|unicode\b|trim\b|transition-timing-function\b|transition-property\b|transition-duration\b|transition-delay\b|transition\b|transform\b|top-width\b|top-style\b|top-right-radius\b|top-left-radius\b|top-color\b|top\b|timing-function\b|text-wrap\b|text-transform\b|text-shadow\b|text-replace\b|text-outline\b|text-justify\b|text-indent\b|text-height\b|text-emphasis\b|text-decoration\b|text-align-last\b|text-align\b|text\b|target-position\b|target-new\b|target-name\b|target\b|table-layout\b|tab-side\b|style-type\b|style-position\b|style-image\b|style\b|string-set\b|stretch\b|stress\b|stacking-strategy\b|stacking-shift\b|stacking-ruby\b|stacking\b|speed\b|speech-rate\b|speech\b|speak-punctuation\b|speak-numeral\b|speak-header\b|speak\b|span\b|spacing\b|space-collapse\b|space\b|sizing\b|size-adjust\b|size\b|shadow\b|rule-width\b|rule-style\b|rule-color\b|rule\b|ruby-span\b|ruby-position\b|ruby-overhang\b|ruby-align\b|ruby\b|rows\b|rotation-point\b|rotation\b|role\b|right-width\b|right-style\b|right-color\b|right\b|richness\b|rest-before\b|rest-after\b|rest\b|resource\b|resolution\b|resize\b|reset\b|replace\b|repeat\b|rendering-intent\b|rate\b|radius\b|quotes\b|punctuation-trim\b|punctuation\b|property\b|profile\b|presentation-level\b|presentation\b|position\b|point\b|play-state\b|play-during\b|play-count\b|pitch-range\b|pitch\b|phonemes\b|pause-before\b|pause-after\b|pause\b|page-policy\b|page-break-inside\b|page-break-before\b|page-break-after\b|page\b|padding-top\b|padding-right\b|padding-left\b|padding-bottom\b|padding\b|pack\b|overhang\b|overflow-y\b|overflow-x\b|overflow-style\b|overflow\b|outline-width\b|outline-style\b|outline-offset\b|outline-color\b|outline\b|orphans\b|origin\b|orientation\b|orient\b|ordinal-group\b|opacity\b|offset\b|numeral\b|new\b|nav-up\b|nav-right\b|nav-left\b|nav-index\b|nav-down\b|nav\b|name\b|move-to\b|model\b|min-width\b|min-height\b|min\b|max-width\b|max-height\b|max\b|marquee-style\b|marquee-speed\b|marquee-play-count\b|marquee-direction\b|marquee\b|marks\b|mark-before\b|mark-after\b|mark\b|margin-top\b|margin-right\b|margin-left\b|margin-bottom\b|margin\b|list-style-type\b|list-style-position\b|list-style-image\b|list-style\b|list\b|lines\b|line-stacking-strategy\b|line-stacking-shift\b|line-stacking-ruby\b|line-stacking\b|line-height\b|line\b|level\b|letter-spacing\b|length\b|left-width\b|left-style\b|left-color\b|left\b|label\b|justify\b|iteration-count\b|inline-box-align\b|initial-value\b|initial-size\b|initial-before-align\b|initial-before-adjust\b|initial-after-align\b|initial-after-adjust\b|index\b|indent\b|increment\b|image-resolution\b|image-orientation\b|image\b|icon\b|hyphens\b|hyphenate-resource\b|hyphenate-lines\b|hyphenate-character\b|hyphenate-before\b|hyphenate-after\b|hyphenate\b|height\b|header\b|hanging-punctuation\b|grid-rows\b|grid-columns\b|grid\b|gap\b|font-weight\b|font-variant\b|font-style\b|font-stretch\b|font-size-adjust\b|font-size\b|font-family\b|font\b|float-offset\b|float\b|flex-group\b|flex\b|fit-position\b|fit\b|fill\b|family\b|empty-cells\b|emphasis\b|elevation\b|duration\b|drop-initial-value\b|drop-initial-size\b|drop-initial-before-align\b|drop-initial-before-adjust\b|drop-initial-after-align\b|drop-initial-after-adjust\b|drop\b|down\b|dominant-baseline\b|display-role\b|display-model\b|display\b|direction\b|delay\b|decoration-break\b|decoration\b|cursor\b|cue-before\b|cue-after\b|cue\b|crop\b|counter-reset\b|counter-increment\b|counter\b|count\b|content\b|columns\b|column-width\b|column-span\b|column-rule-width\b|column-rule-style\b|column-rule-color\b|column-rule\b|column-gap\b|column-fill\b|column-count\b|column-break-before\b|column-break-after\b|column\b|color-profile\b|color\b|collapse\b|clip\b|clear\b|character\b|caption-side\b|break-inside\b|break-before\b|break-after\b|break\b|box-sizing\b|box-shadow\b|box-pack\b|box-orient\b|box-ordinal-group\b|box-lines\b|box-flex-group\b|box-flex\b|box-direction\b|box-decoration-break\b|box-align\b|box\b|bottom-width\b|bottom-style\b|bottom-right-radius\b|bottom-left-radius\b|bottom-color\b|bottom\b|border-width\b|border-top-width\b|border-top-style\b|border-top-right-radius\b|border-top-left-radius\b|border-top-color\b|border-top\b|border-style\b|border-spacing\b|border-right-width\b|border-right-style\b|border-right-color\b|border-right\b|border-radius\b|border-length\b|border-left-width\b|border-left-style\b|border-left-color\b|border-left\b|border-image\b|border-color\b|border-collapse\b|border-bottom-width\b|border-bottom-style\b|border-bottom-right-radius\b|border-bottom-left-radius\b|border-bottom-color\b|border-bottom\b|border\b|bookmark-target\b|bookmark-level\b|bookmark-label\b|bookmark\b|binding\b|bidi\b|before\b|baseline-shift\b|baseline\b|balance\b|background-size\b|background-repeat\b|background-position\b|background-origin\b|background-image\b|background-color\b|background-clip\b|background-break\b|background-attachment\b|background\b|azimuth\b|attachment\b|appearance\b|animation-timing-function\b|animation-play-state\b|animation-name\b|animation-iteration-count\b|animation-duration\b|animation-direction\b|animation-delay\b|animation\b|alignment-baseline\b|alignment-adjust\b|alignment\b|align-last\b|align\b|after\b|adjust\b)[a-z\-\_]+
    name: invalid.illegal
  property_names:
    patterns:
    - include: ! '#property_name'
    - include: ! '#property_name_error'
  property_values:
    comment: Stuff that should only be available on values.
    patterns:
    - include: ! '#string_single'
    - include: ! '#string_double'
    - include: ! '#constant_functions'
    - include: ! '#constant_sass_functions'
    - include: ! '#constant_hex'
    - include: ! '#constant_rgb'
    - include: ! '#constant_rgb_percentage'
    - include: ! '#constant_important'
    - include: ! '#constant_unit'
    - include: ! '#constant_property_value'
    - include: ! '#constant_number'
    - include: ! '#constant_font'
    - include: ! '#constant_color'
    - include: ! '#constant_depracated_color'
    - include: ! '#constant_mathematical_symbols'
  return:
    begin: \s*((@)(return)\b)
    captures:
      '1':
        name: keyword.control.return.scss
      '2':
        name: punctuation.definition.keyword.css
    end: \s*((?=;))
    name: meta.at-rule.return.scss
    patterns:
    - include: ! '#variable'
    - include: ! '#property_values'
  rules:
    patterns:
    - include: ! '#general'
    - include: ! '#extend'
    - include: ! '#include'
    - include: ! '#selectors'
    - begin: (?<![-a-z])(?=[-a-z])
      end: $|(?![-a-z])
      name: meta.property-name.css
      patterns:
      - include: ! '#property_names'
      - include: ! '#include'
    - begin: (:)\s{0,}(?!(\s{0,}{))
      beginCaptures:
        '1':
          name: punctuation.separator.key-value.css
      comment: ! 'Kuroir: fixed nested elements for sass.'
      end: \s*(;|(?=\}))
      endCaptures:
        '1':
          name: punctuation.terminator.rule.css
      name: meta.property-value.css
      patterns:
      - include: ! '#general'
      - include: ! '#property_values'
  selector_attribute:
    captures:
      '1':
        name: punctuation.definition.entity.css
      '2':
        name: entity.other.attribute-name.attribute.css
      '3':
        name: punctuation.separator.operator.css
      '4':
        name: string.unquoted.attribute-value.css
      '5':
        name: string.quoted.double.attribute-value.css
      '6':
        name: punctuation.definition.string.begin.css
      '7':
        name: punctuation.definition.string.end.css
    match: (?i)(\[)\s*(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)(?:\s*([~|^$*]?=)\s*(?:(-?[_a-z\\[[:^ascii:]]][_a-z0-9\-\\[[:^ascii:]]]*)|((?>(['"])(?:[^\\]|\\.)*?(\6)))))?\s*(\])
    name: meta.attribute-selector.css
  selector_class:
    captures:
      '1':
        name: punctuation.definition.entity.css
    match: (\.)[a-zA-Z0-9_-]+
    name: entity.other.attribute-name.class.css
  selector_entities:
    match: \b(a|abbr|address|area|article|aside|audio|b|base|bdo|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|keygen|kbd|label|legend|li|link|map|mark|menu|meta|meter|nav|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|source|span|strong|style|sub|summary|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|ul|var|video)\b
    name: entity.name.tag.css
  selector_id:
    captures:
      '1':
        name: punctuationctuation.definition.entity.css
    match: (#)[a-zA-Z][a-zA-Z0-9_-]*
    name: entity.other.attribute-name.id.css
  selector_pseudo_class:
    captures:
      '1':
        name: punctuation.definition.entity.css
    match: (:)\b(link|visited|hover|active|focus|target|lang|disabled|enabled|checked|indeterminate|root|nth-child()|nth-last-child()|nth-of-type()|nth-last-of-type()|first-child|last-child|first-of-type|last-of-type|only-child|only-of-type|empty|not|valid|invalid)\b
    name: entity.other.attribute-name.pseudo-class.css
  selector_pseudo_element:
    captures:
      '1':
        name: punctuation.definition.entity.css
    match: (:+)\b(after|before|first-letter|first-line|selection)\b
    name: entity.other.attribute-name.pseudo-element.css
  selectors:
    comment: Stuff for Selectors.
    patterns:
    - include: ! '#selector_entities'
    - include: ! '#selector_class'
    - include: ! '#selector_id'
    - include: ! '#selector_pseudo_class'
    - include: ! '#tag_wildcard'
    - include: ! '#tag_parent_reference'
    - include: ! '#selector_pseudo_element'
    - include: ! '#selector_attribute'
  string_double:
    begin: ! '"'
    beginCaptures:
      '0':
        name: punctuation.definition.string.begin.css
    end: ! '"'
    endCaptures:
      '0':
        name: punctuation.definition.string.end.css
    name: string.quoted.double.css
    patterns:
    - match: \\.
      name: constant.character.escape.css
  string_single:
    begin: ! ''''
    beginCaptures:
      '0':
        name: punctuation.definition.string.begin.css
    end: ! ''''
    endCaptures:
      '0':
        name: punctuation.definition.string.end.css
    name: string.quoted.single.css
    patterns:
    - match: \\.
      name: constant.character.escape.css
  tag_parent_reference:
    match: \&
    name: entity.name.tag.reference.css
  tag_wildcard:
    match: \*
    name: entity.name.tag.wildcard.css
  variable:
    patterns:
    - include: ! '#variables'
    - include: ! '#interpolation'
  variable_setting:
    begin: (\$[\w\-]+)\s{0,}(:)
    captures:
      '1':
        name: variable
      '2':
        name: punctuation
    end: ;
    name: meta.set.variable
    patterns:
    - include: ! '#property_values'
    - include: ! '#variable'
  variables:
    captures:
      '1':
        name: variable.scss
    match: (\s*)(\$[a-zA-Z0-9_-]+)
    name: variable.scss
  warn:
    begin: \s*((@)(warn|debug)\b)
    captures:
      '1':
        name: keyword.control.warn.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?=\;)
    name: meta.at-rule.warn.scss
    patterns:
    - include: ! '#variable'
    - include: ! '#string_double'
    - include: ! '#string_single'
  while:
    begin: \s{0,}((@)(while)\b)
    captures:
      '1':
        name: keyword.control.while.scss
      '2':
        name: punctuation.definition.keyword.css
    end: (?={)
    name: meta.at-rule.while.scss
    patterns:
    - include: ! '#logical_operators'
    - include: ! '#variable'
    - include: ! '#property_values'
    - include: $self
scopeName: source.scss
uuid: 3D9ADE5E-ADC5-460F-97B3-B61EF5A18273