This file is part of GtkSourceView

 Author: Jeffery To <jeffery.to@gmail.com>

 Copyright (C) 2018 Jeffery To <jeffery.to@gmail.com>

 GtkSourceView is free software; you can redistribute it and/or

 modify it under the terms of the GNU Lesser General Public

 License as published by the Free Software Foundation; either

 version 2.1 of the License, or (at your option) any later version.

 GtkSourceView is distributed in the hope that it will be useful,

 but WITHOUT ANY WARRANTY; without even the implied warranty of

 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

 Lesser General Public License for more details.

 You should have received a copy of the GNU Lesser General Public License

 along with this library; if not, see <http://www.gnu.org/licenses/>.

-->

<language id="scss" name="SCSS" version="2.0" _section="Other">

  <metadata>

    <property name="mimetypes">text/x-scss</property>

    <property name="globs">*.scss</property>

    <property name="line-comment-start">//</property>

    <property name="block-comment-start">/*</property>

    <property name="block-comment-end">*/</property>

  </metadata>

  <styles>

    <style id="interpolation"               name="Interpolation"               map-to="def:preprocessor"/>

    <style id="variable"                    name="Variable"                    map-to="def:identifier"/>

    <style id="operator-symbol"             name="Operator Symbol"             map-to="css:symbol"/>

    <style id="logical-operator"            name="Logical Operator"            map-to="def:preprocessor"/>

    <style id="boolean"                     name="Boolean Value"               map-to="def:boolean"/>

    <style id="null"                        name="Null Value"                  map-to="def:special-constant"/>

    <style id="list-delimiter"              name="List Delimiter"              map-to="css:delimiter"/>

    <style id="group-delimiter"             name="Group Delimiter"             map-to="css:delimiter"/>

    <style id="placeholder-selector"        name="Placeholder Selector"        map-to="def:identifier"/>

    <style id="selector-fragment"           name="Selector Fragment"/>

    <style id="mixin-name"                  name="Mixin Name"                  map-to="def:keyword"/>

  </styles>

  <default-regex-options case-sensitive="false"/>

  <keyword-char-class>[a-z0-9_-]</keyword-char-class>

  <definitions>

    <context id="sass-c-like-comment-multiline" style-ref="def:comment" class-disabled="no-spell-check" class="comment">

      <start>/\*</start>

      <end>\*/</end>

      <include>

        <context ref="interpolation"/>

        <context ref="def:in-comment"/>

      </include>

    </context>

    <context id="scss-comment">

      <include>

        <context ref="def:c-like-comment"/>

        <context ref="sass-c-like-comment-multiline"/>

        <context ref="def:c-like-close-comment-outside-comment"/>

      </include>

    </context>

    <replace id="css:comment" ref="scss-comment"/>

    <context id="interpolation">

      <start>#\{</start>

      <end>\}</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="interpolation"/>

        <context sub-pattern="0" where="end" style-ref="interpolation"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

      </include>

    </context>

    <context id="variable" style-ref="variable">

      <match>\$\%{css:identifier-regex}</match>

    </context>

         as we cannot reliably distinguish between a literal slash and

         a division operation -->

    <context id="arithmetic-operator" style-ref="operator-symbol">

      <match extended="true">

        (

          [+*%] |

          (?<! \%{css:single-identifier-char-regex} )

          -

          (?! \%{css:single-identifier-char-regex} )

        )

      </match>

    </context>

    <context id="string-operator" style-ref="operator-symbol">

      <match>\+</match>

    </context>

    <context id="comparison-operator" style-ref="operator-symbol">

      <match>(<=?|>=?|[=!]=)</match>

    </context>

    <context id="logical-operator" style-ref="logical-operator">

      <keyword>and</keyword>

      <keyword>not</keyword>

      <keyword>or</keyword>

    </context>

    <context id="boolean" style-ref="boolean">

      <keyword>false</keyword>

      <keyword>true</keyword>

    </context>

    <context id="null" style-ref="null">

      <keyword>null</keyword>

    </context>

    <context id="parent-selector-list" style-ref="css:combinator">

      <match>&</match>

    </context>

    <context id="bracketed-list">

      <start>\[</start>

      <end>\]</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="list-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="list-delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

      </include>

    </context>

    <context id="string-group">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="group-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="group-delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:string-value"/>

      </include>

    </context>

    <context id="data-group">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="group-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="group-delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:data-value"/>

      </include>

    </context>

    this could be a list, a map, or an order of operations grouping

    not sure how to differentiate between these

    -->

    <context id="any-group">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="group-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="group-delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

        <context ref="css:colon"/> 

      </include>

    </context>

    <context id="scss-string-content">

      <include>

        <context ref="interpolation"/>

        <context ref="css:string-content" original="true"/>

      </include>

    </context>

    <replace id="css:string-content" ref="scss-string-content"/>

    <context id="variable-arguments" style-ref="operator-symbol">

      <match>\.\.\.</match>

    </context>

    <context id="scss-url">

      <start>url\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:function"/>

        <context sub-pattern="0" where="end" style-ref="css:function"/>

        <context ref="sass-c-like-comment-multiline"/>

        <context ref="def:c-like-close-comment-outside-comment"/>

        <context ref="css:string-value"/>

      </include>

    </context>

    <context id="scss-function-content">

      <include>

        <context ref="css:function-content" original="true"/>

        <context ref="variable-arguments"/>

        <context ref="css:colon"/> 

      </include>

    </context>

    <replace id="css:url" ref="scss-url"/>

    <replace id="css:function-content" ref="scss-function-content"/>

    <context id="scss-name-value">

      <include>

        <context ref="css:function-call"/>

        <context ref="interpolation"/> 

        <context ref="variable"/>

        <context ref="css:name-value" original="true"/>

      </include>

    </context>

    <context id="scss-string-value">

      <include>

        <context ref="css:function-call"/>

        <context ref="string-group"/>

        <context ref="variable"/>

        <context ref="css:string-value" original="true"/>

        <context ref="string-operator"/>

      </include>

    </context>

    <context id="scss-data-value">

      <include>

        <context ref="css:function-call"/>

        <context ref="data-group"/>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="css:string-value" original="true"/>

        <context ref="css:color-value"/>

        <context ref="css:number-value"/>

        <context ref="css:unicode-range"/>

        <context ref="arithmetic-operator"/>

      </include>

    </context>

    <replace id="css:name-value" ref="scss-name-value"/>

    <replace id="css:string-value" ref="scss-string-value"/>

    <replace id="css:data-value" ref="scss-data-value"/>

    <context id="scss-any-value">

      <include>

        <context ref="css:function-call"/>

        <context ref="any-group"/>

        <context ref="parent-selector-list"/>

        <context ref="bracketed-list"/>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="boolean"/>

        <context ref="null"/>

        <context ref="css:property-value-keyword"/>

        <context ref="css:string-value" original="true"/>

        <context ref="css:color-value"/>

        <context ref="css:number-value"/>

        <context ref="css:unicode-range"/>

        <context ref="logical-operator"/>

        <context ref="comparison-operator"/>

        <context ref="arithmetic-operator"/>

        <context ref="css:slash"/>

        <context ref="css:comma"/>

      </include>

    </context>

    <replace id="css:any-value" ref="scss-any-value"/>

    <context id="variable-assignment-modifiers" style-ref="css:modifier">

      <keyword>default</keyword>

      <keyword>global</keyword>

    </context>

    <context id="at-extend-modifiers" style-ref="css:modifier">

      <keyword>optional</keyword>

    </context>

    <context id="scss-modifier-content">

      <include>

        <context ref="variable-assignment-modifiers"/>

        <context ref="at-extend-modifiers"/>

        <context ref="css:modifier-content" original="true"/>

      </include>

    </context>

    <replace id="css:modifier-content" ref="scss-modifier-content"/>

    <context id="scss-property-name">

      <include>

        <context ref="interpolation"/>

        <context ref="css:property-name" original="true"/>

      </include>

    </context>

    <replace id="css:property-name" ref="scss-property-name"/>

    <context id="nested-properties" end-parent="true">

      <start>\{</start>

      <end>\}</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:block-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="css:block-delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:declaration"/>

      </include>

    </context>

    <context id="scss-declaration-property">

      <include>

        <context ref="variable"/> 

        <context ref="css:declaration-property" original="true"/>

      </include>

    </context>

    <context id="scss-declaration-value-content">

      <include>

        <context ref="nested-properties"/>

        <context ref="css:declaration-value-content" original="true"/>

      </include>

    </context>

    <context id="scss-declaration-value">

      <start extended="true">

        (?(DEFINE)

          (?<interpolation>  # recursive subpattern to find matching brackets

            \#\{

              (?:

                (?>

                  (?:

                    [^#{}]+ |

                    (?! \#\{ | \} ) .

                  )+

                ) |

                (?&interpolation)

              )*

            \}

          )

        )

        :

        (?:

          (?!                                       # not the start of a

            \%{css:single-identifier-char-regex} |  #   pseudo-class

            [:\\] |                                 #   pseudo-element, escape

            \#\{                                    #   interpolation

          ) |                                       # or

          (?=                                       # ends like a normal declaration

            (?>

              (?:

                [^;}{#]+ |

                (?&interpolation)+ |

                \#+

              )*

            )

            \%{css:declaration-value-end}           #   with a semicolon or at the end of a block

          )

        )

      </start>

      <end>\%{css:declaration-value-end}</end> 

      <include>

        <context sub-pattern="0" where="start" style-ref="css:delimiter"/>

        <context ref="css:comment"/>

        <context ref="css:declaration-value-content"/>

      </include>

    </context>

    <context id="scss-style-block-content">

      <include>

        <context ref="css:style-block-content" original="true"/>

        <context ref="css:at-rule"/>

        <context ref="css:selector"/>

        <context ref="css:style-block"/>

      </include>

    </context>

    <replace id="css:declaration-property" ref="scss-declaration-property"/>

    <replace id="css:declaration-value-content" ref="scss-declaration-value-content"/>

    <replace id="css:declaration-value" ref="scss-declaration-value"/>

    <replace id="css:style-block-content" ref="scss-style-block-content"/>

    <context id="scss-media-type-value">

      <include>

        <context ref="interpolation"/>

        <context ref="css:media-type-value" original="true"/>

      </include>

    </context>

    <context id="scss-media-feature-test-name">

      <include>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="css:media-feature-test-name" original="true"/>

      </include>

    </context>

    <context id="scss-media-feature-test-value-content">

      <include>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="css:media-feature-test-value-content" original="true"/>

      </include>

    </context>

    <replace id="css:media-type-value" ref="scss-media-type-value"/>

    <replace id="css:media-feature-test-name" ref="scss-media-feature-test-name"/>

    <replace id="css:media-feature-test-value-content" ref="scss-media-feature-test-value-content"/>

    @extend <selector> <optional modifier>?;

    -->

    <context id="at-extend">

      <start>@extend\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:selector"/>

        <context ref="css:modifier"/>

        <context ref="css:at-rule-delimiter"/>

      </include>

    </context>

    @at-root (<selector>|<query>)? <css-block>

    -->

    <context id="at-at-root-query-type" style-ref="css:property-name">

      <keyword>without</keyword>

      <keyword>with</keyword>

    </context>

    <context id="at-at-root-query-directive" style-ref="css:keyword">

      <keyword>all</keyword>

      <keyword>media</keyword>

      <keyword>rule</keyword>

      <keyword>supports</keyword>

    </context>

    <context id="at-at-root-query-value">

      <start>:</start>

      <end>\%{css:test-value-end}</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:delimiter"/>

        <context ref="css:comment"/>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="at-at-root-query-directive"/>

      </include>

    </context>

    <context id="at-at-root-query">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:test-delimiter"/>

        <context sub-pattern="0" where="end" style-ref="css:test-delimiter"/>

        <context ref="css:comment"/>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="at-at-root-query-type"/>

        <context ref="at-at-root-query-value"/>

      </include>

    </context>

    <context id="at-at-root">

      <start>@at-root\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:selector"/>

        <context ref="at-at-root-query"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @debug <any-value>;

    @warn <any-value>;

    @error <any-value>;

    -->

    <context id="at-debug-warn-error">

      <start>@(debug|warn|error)\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

        <context ref="css:at-rule-delimiter"/>

      </include>

    </context>

    @if <any-value> <css-block>

    @else if <any-value> <css-block>

    @else <css-block>

    -->

    <context id="at-if-else-if">

      <start>@(if|else\s+if)\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    <context id="at-else">

      <start>@else\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @for <variable> from <any-value> (through|to) <any-value> <css-block>

    -->

    <context id="at-for-keyword" style-ref="css:at-rule-operator">

      <keyword>from</keyword>

      <keyword>through</keyword>

      <keyword>to</keyword>

    </context>

    <context id="at-for">

      <start>@for\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="at-for-keyword"/>

        <context ref="variable"/>

        <context ref="css:any-value"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @each <variable> in <list> <css-block>

    -->

    <context id="at-each-keyword" style-ref="css:at-rule-operator">

      <keyword>in</keyword>

    </context>

    <context id="at-each">

      <start>@each\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="at-each-keyword"/>

        <context ref="variable"/>

        <context ref="css:any-value"/>

        <context ref="css:comma"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @while <expression> <css-block>

    -->

    <context id="at-while">

      <start>@while\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @mixin <mixin name> <mixin-parameters>? <css-block>

    -->

    <context id="mixin-parameters">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="mixin-name"/>

        <context sub-pattern="0" where="end" style-ref="mixin-name"/>

        <context ref="css:comment"/>

        <context ref="css:function-content"/>

      </include>

    </context>

    <context id="at-mixin">

      <start>@mixin\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:name" style-ref="mixin-name"/>

        <context ref="mixin-parameters"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @include <mixin name> <mixin-parameters>? (;|<css-block>)

    -->

    <context id="at-include">

      <start>@include\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:name" style-ref="mixin-name"/>

        <context ref="mixin-parameters"/>

        <context ref="css:at-rule-delimiter"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @content;

    -->

    <context id="at-content">

      <start>@content\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:at-rule-delimiter"/>

      </include>

    </context>

    @function <function name> <function-parameters> <css-block>

    -->

    <context id="function-parameters">

      <start>\(</start>

      <end>\)</end>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:function"/>

        <context sub-pattern="0" where="end" style-ref="css:function"/>

        <context ref="css:comment"/>

        <context ref="css:function-content"/>

      </include>

    </context>

    <context id="at-function">

      <start>@function\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

             between the function name and the parentheses -->

        <context ref="css:name" style-ref="css:function"/>

        <context ref="function-parameters"/>

        <context ref="css:at-rule-css-block"/>

      </include>

    </context>

    @return <any-value>;

    -->

    <context id="at-return">

      <start>@return\%]</start>

      <include>

        <context sub-pattern="0" where="start" style-ref="css:at-rule"/>

        <context ref="css:comment"/>

        <context ref="css:any-value"/>

        <context ref="css:at-rule-delimiter"/>

      </include>

    </context>

    <context id="scss-font-feature-value-declaration-value-content">

      <include>

        <context ref="interpolation"/>

        <context ref="variable"/>

        <context ref="css:font-feature-value-declaration-value-content" original="true"/>

      </include>

    </context>

    <context id="scss-keyframe-selector-value">

      <include>

        <context ref="interpolation"/>

        <context ref="css:keyframe-selector-value" original="true"/>

      </include>

    </context>

    <context id="scss-namespace-value">

      <include>

        <context ref="interpolation"/>

        <context ref="css:namespace-value" original="true"/>

      </include>

    </context>

    <context id="scss-at-rule">

      <include>

        <context ref="at-extend"/>

        <context ref="at-at-root"/>

        <context ref="at-debug-warn-error"/>

        <context ref="at-if-else-if"/>

        <context ref="at-else"/>

        <context ref="at-for"/>

        <context ref="at-each"/>

        <context ref="at-while"/>

        <context ref="at-mixin"/>

        <context ref="at-include"/>

        <context ref="at-content"/>

        <context ref="at-function"/>

        <context ref="at-return"/>

        <context ref="css:at-rule" original="true"/>

      </include>

    </context>

    <replace id="css:at-rule-style-block-content" ref="scss-style-block-content"/>

    <replace id="css:at-rule-css-block-content" ref="scss-style-block-content"/>

    <replace id="css:font-feature-value-declaration-value-content" ref="scss-font-feature-value-declaration-value-content"/>

    <replace id="css:keyframe-selector-value" ref="scss-keyframe-selector-value"/>

    <replace id="css:namespace-value" ref="scss-namespace-value"/>

    <replace id="css:at-rule" ref="scss-at-rule"/>

    <context id="parent-combinator">

      <match>(&)(\%{css:identifier-chars-regex}?)</match>

      <include>

        <context sub-pattern="1"  style-ref="css:combinator"/>

        <context sub-pattern="2"  style-ref="selector-fragment"/>

      </include>

    </context>

    <context id="placeholder-selector" style-ref="placeholder-selector">

      <match>%\%{css:identifier-regex}</match>

    </context>

    <context id="interpolation-fragment" style-ref="selector-fragment">

      <match>(?<=\})\%{css:identifier-chars-regex}</match>

    </context>

    <context id="scss-simple-selector">

      <include>

        <context ref="interpolation"/> 

        <context ref="interpolation-fragment"/>

        <context ref="css:simple-selector" original="true"/>

      </include>

    </context>

    <context id="scss-combinator">

      <include>

        <context ref="parent-combinator"/>

        <context ref="css:combinator" original="true"/>

      </include>

    </context>

    <context id="scss-nth-pseudo-class-argument-content">

      <include>

        <context ref="interpolation"/>

        <context ref="css:nth-pseudo-class-argument-content" original="true"/>

      </include>

    </context>

    <context id="scss-selector">

      <include>

        <context ref="placeholder-selector"/>

        <context ref="css:selector" original="true"/>

      </include>

    </context>

    <replace id="css:simple-selector" ref="scss-simple-selector"/>

    <replace id="css:combinator" ref="scss-combinator"/>

    <replace id="css:nth-pseudo-class-argument-content" ref="scss-nth-pseudo-class-argument-content"/>

    <replace id="css:selector" ref="scss-selector"/>

    <context id="top-level-declaration-property">

      <include>

        <context ref="variable"/>

      </include>

    </context>

    <context id="top-level-declaration">

      <include>

        <context ref="top-level-declaration-property"/>

        <context ref="css:declaration-value"/>

        <context ref="css:modifier"/>

        <context ref="css:semicolon"/>

      </include>

    </context>

    <context id="scss" class="no-spell-check">

      <include>

        <context ref="top-level-declaration"/>

        <context ref="css:css"/>

      </include>

    </context>

  </definitions>

</language>