{
  "name": "Styled Components",
  "scopeName": "source.js.css",
  "patterns": [
    {
      "include": "#comment-block"
    },
    {
      "include": "#rule-list"
    }
  ],
  "repository": {
    "color-values": {
      "patterns": [
        {
          "name": "support.constant.color.w3c-standard-color-name.css",
          "match": "\\b(aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow)\\b"
        },
        {
          "name": "invalid.deprecated.color.w3c-non-standard-color-name.css",
          "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"
        },
        {
          "begin": "(hsla?|rgba?)\\s*(\\()",
          "end": "(\\))",
          "patterns": [
            {
              "name": "constant.other.color.rgb-value.css",
              "match": "(?x)\\b\n\t\t\t\t\t\t\t    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\\s*,\\s*){2}\n\t\t\t\t\t\t\t    (0*((1?[0-9]{1,2})|(2([0-4][0-9]|5[0-5])))\\b)\n\t\t\t\t\t\t\t    (\\s*,\\s*((0?\\.[0-9]+)|[0-1]))?\n\t\t\t\t\t\t\t"
            },
            {
              "name": "constant.other.color.rgb-percentage.css",
              "match": "\\b([0-9]{1,2}|100)\\s*%,\\s*([0-9]{1,2}|100)\\s*%,\\s*([0-9]{1,2}|100)\\s*%"
            },
            {
              "include": "#numeric-values"
            }
          ],
          "beginCaptures": {
            "1": {
              "name": "support.function.misc.css"
            },
            "2": {
              "name": "punctuation.section.function.css"
            }
          },
          "endCaptures": {
            "1": {
              "name": "punctuation.section.function.css"
            }
          }
        }
      ]
    },
    "comment-block": {
      "name": "comment.block.css",
      "begin": "/\\*",
      "end": "\\*/",
      "captures": {
        "0": {
          "name": "punctuation.definition.comment.css"
        }
      }
    },
    "media-query": {
      "begin": "(?i)\\s*(only|not)?\\s*(all|aural|braille|embossed|handheld|print|projection|screen|tty|tv)?",
      "end": "\\s*(?:(,)|(?=[{;]))",
      "patterns": [
        {
          "begin": "\\s*(and)?\\s*(\\()\\s*",
          "end": "\\)",
          "patterns": [
            {
              "begin": "(?x)\n\t                            (\n\t                                ((min|max)-)?\n\t                                (\n\t                                    ((device-)?(height|width|aspect-ratio))|\n\t                                    (color(-index)?)|monochrome|resolution\n\t                                )\n\t                            )|grid|scan|orientation\n\t                            \\s*(?=[:)])",
              "end": "(:)|(?=\\))",
              "beginCaptures": {
                "0": {
                  "name": "support.type.property-name.media.css"
                }
              },
              "endCaptures": {
                "1": {
                  "name": "punctuation.separator.key-value.css"
                }
              }
            },
            {
              "name": "support.constant.property-value.css",
              "match": "\\b(portrait|landscape|progressive|interlace)"
            },
            {
              "match": "\\s*(\\d+)(/)(\\d+)",
              "captures": {
                "1": {
                  "name": "constant.numeric.css"
                },
                "2": {
                  "name": "keyword.operator.arithmetic.css"
                },
                "3": {
                  "name": "constant.numeric.css"
                }
              }
            },
            {
              "include": "#numeric-values"
            }
          ],
          "beginCaptures": {
            "1": {
              "name": "keyword.operator.logic.media.css"
            }
          }
        }
      ],
      "beginCaptures": {
        "1": {
          "name": "keyword.operator.logic.media.css"
        },
        "2": {
          "name": "support.constant.media.css"
        }
      },
      "endCaptures": {
        "1": {
          "name": "punctuation.definition.arbitrary-repitition.css"
        }
      }
    },
    "media-query-list": {
      "begin": "\\s*(?=[^{;])",
      "end": "\\s*(?=[{;])",
      "patterns": [
        {
          "include": "#media-query"
        }
      ]
    },
    "numeric-values": {
      "patterns": [
        {
          "name": "constant.other.color.rgb-value.css",
          "match": "(#)([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\\b",
          "captures": {
            "1": {
              "name": "punctuation.definition.constant.css"
            }
          }
        },
        {
          "name": "constant.numeric.css",
          "match": "(?x)\n\t\t\t\t\t    (?:-|\\+)?(?:(?:[0-9]+(?:\\.[0-9]+)?)|(?:\\.[0-9]+))\n\t\t\t\t\t    ((?:px|pt|ch|cm|mm|in|r?em|ex|pc|deg|g?rad|dpi|dpcm|s)\\b|%)?\n\t\t\t\t\t",
          "captures": {
            "1": {
              "name": "keyword.other.unit.css"
            }
          }
        }
      ]
    },
    "property-values": {
      "patterns": [
        {
          "name": "support.constant.property-value.css",
          "match": "\\b(absolute|all(-scroll)?|always|armenian|auto|avoid|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|geometricPrecision|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|optimize(Legibility|Quality|Speed)|outset|outside|overline|pointer|pre(-(wrap|line))?|progress|relative|repeat-x|repeat-y|repeat|right|ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|solid|square|static|strict|sub|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|text))?|visible(Painted|Fill|Stroke)?|w-resize|wait|whitespace|zero|smaller|larger|((xx?-)?(small|large))|painted|fill|stroke)\\b"
        },
        {
          "name": "support.constant.font-name.css",
          "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)"
        },
        {
          "include": "#numeric-values"
        },
        {
          "include": "#color-values"
        },
        {
          "include": "#string-double"
        },
        {
          "include": "#string-single"
        },
        {
          "begin": "(rect)\\s*(\\()",
          "end": "(\\))",
          "patterns": [
            {
              "include": "#numeric-values"
            }
          ],
          "beginCaptures": {
            "1": {
              "name": "support.function.misc.css"
            },
            "2": {
              "name": "punctuation.section.function.css"
            }
          },
          "endCaptures": {
            "1": {
              "name": "punctuation.section.function.css"
            }
          }
        },
        {
          "begin": "(format|local|url|attr|counter|counters)\\s*(\\()",
          "end": "(\\))",
          "patterns": [
            {
              "include": "#string-single"
            },
            {
              "include": "#string-double"
            },
            {
              "name": "variable.parameter.misc.css",
              "match": "[^'\") \\t]+"
            }
          ],
          "beginCaptures": {
            "1": {
              "name": "support.function.misc.css"
            },
            "2": {
              "name": "punctuation.section.function.css"
            }
          },
          "endCaptures": {
            "1": {
              "name": "punctuation.section.function.css"
            }
          }
        },
        {
          "name": "keyword.other.important.css",
          "match": "\\!\\s*important"
        }
      ]
    },
    "rule-list": {
      "name": "meta.property-list.css",
      "end": "(?=\\s*)",
      "patterns": [
        {
          "include": "#comment-block"
        },
        {
          "name": "meta.property-name.css",
          "begin": "(?\u003c![-a-z])(?=[-a-z])",
          "end": "$|(?![-a-z])",
          "patterns": [
            {
              "name": "support.type.property-name.css",
              "match": "\\b(azimuth|background-attachment|background-color|background-image|background-position|background-repeat|background|box-shadow|border-radius|border-bottom-color|border-bottom-style|border-bottom-width|border-bottom|border-collapse|border-color|border-left-color|border-left-style|border-left-width|border-left|border-right-color|border-right-style|border-right-width|border-right|border-spacing|border-style|border-top-color|border-top-style|border-top-width|border-top|border-width|border|bottom|caption-side|clear|clip|color|content|counter-increment|counter-reset|cue-after|cue-before|cue|cursor|direction|display|elevation|empty-cells|flex-basis|flex-direction|flex-flow|flex-grow|flex-shrink|flex-wrap|flex|float|font-family|font-size-adjust|font-size|font-stretch|font-style|font-variant|font-weight|font|height|image-rendering|left|letter-spacing|line-height|list-style-image|list-style-position|list-style-type|list-style|margin-bottom|margin-left|margin-right|margin-top|marker-offset|margin|marks|max-height|max-width|min-height|min-width|-moz-border-radius|opacity|orphans|outline-color|outline-style|outline-width|outline|overflow(-[xy])?|padding-bottom|padding-left|padding-right|padding-top|padding|page-break-after|page-break-before|page-break-inside|page|pause-after|pause-before|pause|pitch-range|pitch|play-during|pointer-events|position|quotes|resize|richness|right|size|speak-header|speak-numeral|speak-punctuation|speech-rate|speak|src|stress|table-layout|text-(align|decoration|indent|rendering|shadow|transform)|top|transition|unicode-bidi|vertical-align|visibility|voice-family|volume|white-space|widows|width|word-(spacing|wrap)|zoom|z-index)\\b"
            }
          ]
        },
        {
          "name": "meta.property-value.css",
          "begin": "(?\u003c!\u0026|:)(:)\\s*",
          "end": "\\s*(;|(?=\\}))",
          "patterns": [
            {
              "include": "#property-values"
            }
          ],
          "beginCaptures": {
            "1": {
              "name": "punctuation.separator.key-value.css"
            }
          },
          "endCaptures": {
            "1": {
              "name": "punctuation.terminator.rule.css"
            }
          }
        }
      ],
      "beginCaptures": {
        "0": {
          "name": "punctuation.section.property-list.css"
        }
      }
    },
    "string-double": {
      "name": "string.quoted.double.css",
      "begin": "\"",
      "end": "\"",
      "patterns": [
        {
          "name": "constant.character.escape.css",
          "match": "\\\\."
        }
      ],
      "beginCaptures": {
        "0": {
          "name": "punctuation.definition.string.begin.css"
        }
      },
      "endCaptures": {
        "0": {
          "name": "punctuation.definition.string.end.css"
        }
      }
    },
    "string-single": {
      "name": "string.quoted.single.css",
      "begin": "'",
      "end": "'",
      "patterns": [
        {
          "name": "constant.character.escape.css",
          "match": "\\\\."
        }
      ],
      "beginCaptures": {
        "0": {
          "name": "punctuation.definition.string.begin.css"
        }
      },
      "endCaptures": {
        "0": {
          "name": "punctuation.definition.string.end.css"
        }
      }
    }
  }
}