@enjoys/context-engine 1.2.0 → 1.3.1

package/data/declaration/tailwindcss.json

@@ -0,0 +1,65 @@
+{
+  "language": "tailwindcss",
+  "declarations": [
+    {
+      "pattern": "@layer\\s+(base|components|utilities)\\s*\\{",
+      "captureGroup": 1,
+      "kind": "module",
+      "description": "Tailwind @layer block declaration — defines custom styles within a specific Tailwind layer."
+    },
+    {
+      "pattern": "@apply\\s+([\\w\\s:/-]+)\\s*;",
+      "captureGroup": 1,
+      "kind": "variable",
+      "description": "Tailwind @apply rule — applies utility classes inline within a custom CSS rule."
+    },
+    {
+      "pattern": "@tailwind\\s+(base|components|utilities|variants)\\s*;",
+      "captureGroup": 1,
+      "kind": "namespace",
+      "description": "Tailwind directive — injects a layer of generated Tailwind styles into the stylesheet."
+    },
+    {
+      "pattern": "@config\\s+['\"]([^'\"]+)['\"]\\s*;",
+      "captureGroup": 1,
+      "kind": "file",
+      "description": "Tailwind @config directive — specifies the configuration file path for this stylesheet."
+    },
+    {
+      "pattern": "\\.([\\w-]+)\\s*\\{[^}]*@apply",
+      "captureGroup": 1,
+      "kind": "class",
+      "description": "Custom CSS class that uses @apply to compose Tailwind utilities."
+    },
+    {
+      "pattern": "@responsive\\s*\\{",
+      "captureGroup": 0,
+      "kind": "module",
+      "description": "Legacy Tailwind @responsive directive — generates responsive variants of contained utilities."
+    },
+    {
+      "pattern": "@variants\\s+([\\w,\\s]+)\\s*\\{",
+      "captureGroup": 1,
+      "kind": "module",
+      "description": "Legacy Tailwind @variants directive — generates state variants for contained utilities."
+    },
+    {
+      "pattern": "addUtilities\\s*\\(",
+      "captureGroup": 0,
+      "kind": "function",
+      "description": "Tailwind plugin API — registers new utility classes via the plugin system."
+    },
+    {
+      "pattern": "addComponents\\s*\\(",
+      "captureGroup": 0,
+      "kind": "function",
+      "description": "Tailwind plugin API — registers new component classes via the plugin system."
+    },
+    {
+      "pattern": "matchUtilities\\s*\\(",
+      "captureGroup": 0,
+      "kind": "function",
+      "description": "Tailwind plugin API — registers dynamic utilities that accept arbitrary values."
+    }
+  ]
+}

package/data/definition/css.json

@@ -0,0 +1,115 @@
+{
+  "language": "css",
+  "definitions": {
+    "display": {
+      "signature": "display: <display-outside> || <display-inside> | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
+      "description": "Specifies the type of rendering box used for an element. Controls the outer display type (block/inline) and inner display type (flow/flex/grid/table).",
+      "type": "property"
+    },
+    "position": {
+      "signature": "position: static | relative | absolute | fixed | sticky",
+      "description": "Sets how an element is positioned in the document flow. `relative` offsets from normal position; `absolute` removes from flow relative to positioned ancestor; `fixed` relative to viewport; `sticky` toggles between relative and fixed based on scroll.",
+      "type": "property"
+    },
+    "flex": {
+      "signature": "flex: none | [ <flex-grow> <flex-shrink>? || <flex-basis> ]",
+      "description": "Shorthand for flex-grow, flex-shrink, and flex-basis. Determines how a flex item grows or shrinks to fill available space in a flex container.",
+      "type": "shorthand-property"
+    },
+    "grid": {
+      "signature": "grid: <grid-template> | <grid-template-rows> / [ auto-flow && dense? ] <grid-auto-columns>?",
+      "description": "Shorthand for grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow. Establishes a grid formatting context.",
+      "type": "shorthand-property"
+    },
+    "margin": {
+      "signature": "margin: [ <length> | <percentage> | auto ]{1,4}",
+      "description": "Sets the margin area on all four sides. Margins create extra space around an element. Accepts auto for horizontal centering of block elements.",
+      "type": "shorthand-property"
+    },
+    "padding": {
+      "signature": "padding: [ <length> | <percentage> ]{1,4}",
+      "description": "Sets the padding area on all four sides. Padding creates space between the element's content and its border. Cannot be negative.",
+      "type": "shorthand-property"
+    },
+    "box-sizing": {
+      "signature": "box-sizing: content-box | border-box",
+      "description": "Defines how the total width and height of an element is calculated. `content-box` (default) excludes padding/border from width/height; `border-box` includes them.",
+      "type": "property"
+    },
+    "z-index": {
+      "signature": "z-index: auto | <integer>",
+      "description": "Sets the stacking order of a positioned element. Elements with a higher z-index are rendered in front. Only applies to positioned elements (not static). Creates a new stacking context when set to a non-auto value on positioned elements.",
+      "type": "property"
+    },
+    "overflow": {
+      "signature": "overflow: [ visible | hidden | clip | scroll | auto ]{1,2}",
+      "description": "Controls what happens when content overflows an element's box. Can set x and y independently. `hidden` clips and prevents scrolling; `scroll` always shows scrollbars; `auto` shows scrollbars only when needed; `clip` clips without creating a scroll container.",
+      "type": "shorthand-property"
+    },
+    "opacity": {
+      "signature": "opacity: <alpha-value>",
+      "description": "Sets the transparency level. Values from 0.0 (fully transparent) to 1.0 (fully opaque). Applies to the entire element and all its children. Creates a new stacking context.",
+      "type": "property"
+    },
+    "transition": {
+      "signature": "transition: <property> <duration> <timing-function>? <delay>?",
+      "description": "Shorthand for transition-property, transition-duration, transition-timing-function, and transition-delay. Defines smooth transitions between CSS property values when they change.",
+      "type": "shorthand-property"
+    },
+    "animation": {
+      "signature": "animation: <name> <duration> <timing-function>? <delay>? <iteration-count>? <direction>? <fill-mode>? <play-state>?",
+      "description": "Shorthand to configure CSS animations. References @keyframes rules by name. Controls timing, repetition, direction, and fill behavior.",
+      "type": "shorthand-property"
+    },
+    "transform": {
+      "signature": "transform: none | <transform-function>+",
+      "description": "Applies 2D or 3D transformations — translate, rotate, scale, skew, matrix, perspective. Multiple functions are applied right to left. Creates a new stacking context and containing block for positioned descendants.",
+      "type": "property"
+    },
+    "var()": {
+      "signature": "var( <custom-property-name> , <declaration-value>? )",
+      "description": "Substitutes the value of a CSS custom property. Custom properties are defined with a -- prefix and are inherited. An optional fallback value is used if the property is not defined or is invalid.",
+      "type": "function"
+    },
+    "calc()": {
+      "signature": "calc( <calc-sum> )",
+      "description": "Performs mathematical calculations for CSS values. Supports +, -, *, / operators and can mix different units (px, %, rem, vw, etc.). Nesting is allowed: calc(calc(...) + ...).",
+      "type": "function"
+    },
+    "@media": {
+      "signature": "@media <media-query-list> { <stylesheet> }",
+      "description": "Applies enclosed styles conditionally based on the result of one or more media queries. Tests media type (screen, print) and features (width, height, orientation, color-scheme, prefers-reduced-motion, hover, pointer).",
+      "type": "at-rule"
+    },
+    "@keyframes": {
+      "signature": "@keyframes <keyframes-name> { <keyframe-block-list> }",
+      "description": "Defines the intermediate steps in a CSS animation as a set of keyframes. Each keyframe describes the style at a given percentage (0%/from to 100%/to) of the animation cycle. Referenced by animation-name.",
+      "type": "at-rule"
+    },
+    "@supports": {
+      "signature": "@supports <supports-condition> { <stylesheet> }",
+      "description": "Feature query that applies styles only if the browser supports the given CSS declarations or features. Supports `not`, `and`, `or` operators and `selector()` function.",
+      "type": "at-rule"
+    },
+    "@layer": {
+      "signature": "@layer <layer-name>? { <stylesheet> } | @layer <layer-name>#;",
+      "description": "Declares cascade layers to explicitly control the order of CSS specificity. Styles in earlier-declared layers have lower priority. Unlayered styles have the highest priority. Part of CSS Cascade Layers specification.",
+      "type": "at-rule"
+    },
+    "@container": {
+      "signature": "@container <container-name>? <container-condition> { <stylesheet> }",
+      "description": "Applies styles based on the size of a containing element (container queries). Requires the container element to have `container-type: inline-size | size`. Enables component-level responsive design independent of viewport size.",
+      "type": "at-rule"
+    },
+    "custom-properties": {
+      "signature": "--<name>: <value>",
+      "description": "CSS custom properties (CSS variables) are entities defined by authors that contain specific values reusable throughout a document. Set with -- prefix and accessed via var(). They participate in the cascade and are inherited by default.",
+      "type": "concept"
+    },
+    "specificity": {
+      "signature": "(ID, Class, Type)",
+      "description": "The algorithm browsers use to determine which CSS declaration applies. Three components: ID selectors (#id), class/attribute/pseudo-class selectors (.class, [attr], :hover), and type/pseudo-element selectors (div, ::before). Higher specificity wins. !important overrides normal specificity.",
+      "type": "concept"
+    }
+  }
+}

package/data/definition/redis-cli.json

@@ -1,5 +1,5 @@
 {
-  "language": "redis",
+  "language": "redis-cli",
   "definitions": {
     "SET": {
       "signature": "SET key value [EX seconds | PX ms | EXAT ts | PXAT ms-ts] [NX|XX] [KEEPTTL] [GET]",

package/data/definition/tailwindcss.json

@@ -0,0 +1,115 @@
+{
+  "language": "tailwindcss",
+  "definitions": {
+    "@tailwind": {
+      "signature": "@tailwind base | components | utilities | variants",
+      "description": "Directive to inject Tailwind's generated styles into your CSS. Each layer can be included independently.",
+      "type": "directive"
+    },
+    "@apply": {
+      "signature": "@apply {utility-classes...};",
+      "description": "Inline existing Tailwind utility classes into custom CSS rules. Enables reusing utility-first patterns in component styles.",
+      "type": "directive"
+    },
+    "@layer": {
+      "signature": "@layer base | components | utilities { ... }",
+      "description": "Tells Tailwind which layer a set of custom styles belongs to. Valid layers: base, components, utilities.",
+      "type": "directive"
+    },
+    "@config": {
+      "signature": "@config '{path}';",
+      "description": "Specifies which Tailwind config file to use for a CSS file. Useful in monorepos with multiple configs.",
+      "type": "directive"
+    },
+    "theme()": {
+      "signature": "theme('{dotPath}' [, '{defaultValue}'])",
+      "description": "Access Tailwind theme values in CSS. E.g. `theme('colors.blue.500')` returns `#3b82f6`. Supports dot notation for nested values.",
+      "type": "function"
+    },
+    "screen()": {
+      "signature": "screen('{breakpoint}')",
+      "description": "Reference responsive breakpoints by name in media queries. E.g. `@media screen('md')` compiles to `@media (min-width: 768px)`.",
+      "type": "function"
+    },
+    "container": {
+      "signature": "container",
+      "description": "A component class that sets width: 100% and applies responsive max-width at each breakpoint (sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px).",
+      "type": "utility"
+    },
+    "sm": {
+      "signature": "sm:{utility}",
+      "description": "Responsive prefix applying styles at min-width: 640px. Mobile-first breakpoint.",
+      "type": "breakpoint"
+    },
+    "md": {
+      "signature": "md:{utility}",
+      "description": "Responsive prefix applying styles at min-width: 768px.",
+      "type": "breakpoint"
+    },
+    "lg": {
+      "signature": "lg:{utility}",
+      "description": "Responsive prefix applying styles at min-width: 1024px.",
+      "type": "breakpoint"
+    },
+    "xl": {
+      "signature": "xl:{utility}",
+      "description": "Responsive prefix applying styles at min-width: 1280px.",
+      "type": "breakpoint"
+    },
+    "2xl": {
+      "signature": "2xl:{utility}",
+      "description": "Responsive prefix applying styles at min-width: 1536px.",
+      "type": "breakpoint"
+    },
+    "arbitrary-values": {
+      "signature": "{property}-[{value}]",
+      "description": "Use arbitrary values with square bracket notation for one-off styles. E.g. `w-[200px]`, `bg-[#1da1f2]`, `grid-cols-[1fr_2fr]`.",
+      "type": "syntax"
+    },
+    "important-modifier": {
+      "signature": "!{utility}",
+      "description": "Prefix any utility with `!` to generate the style with `!important`. E.g. `!p-4` → `padding: 1rem !important`.",
+      "type": "modifier"
+    },
+    "dark-mode": {
+      "signature": "dark:{utility}",
+      "description": "Applies styles when dark mode is active. Controlled by `darkMode` option in config: 'media' (prefers-color-scheme) or 'class' (.dark parent).",
+      "type": "variant"
+    },
+    "group": {
+      "signature": "group / group-hover: / group-focus:",
+      "description": "Mark a parent with `group` class and style children with `group-{state}:` variants. Children respond to parent hover/focus/active states.",
+      "type": "variant"
+    },
+    "peer": {
+      "signature": "peer / peer-hover: / peer-focus: / peer-checked:",
+      "description": "Mark a sibling with `peer` class and use `peer-{state}:` on subsequent siblings. Enables sibling-based conditional styling.",
+      "type": "variant"
+    },
+    "jit-mode": {
+      "signature": "mode: 'jit'",
+      "description": "Just-In-Time compilation mode generates styles on demand. Default in Tailwind CSS v3+. Enables arbitrary values, all variants, and faster build times.",
+      "type": "configuration"
+    },
+    "utility-class": {
+      "signature": "{property}-{value}",
+      "description": "Tailwind utility classes follow a `{property}-{value}` pattern. The property maps to a CSS property and the value maps to a design token from the theme configuration.",
+      "type": "concept"
+    },
+    "negative-values": {
+      "signature": "-{utility}-{value}",
+      "description": "Prefix utilities with `-` for negative values. E.g. `-m-4` → `margin: -1rem`, `-translate-x-full` → `transform: translateX(-100%)`.",
+      "type": "syntax"
+    },
+    "tailwind-config": {
+      "signature": "tailwind.config.js",
+      "description": "Configuration file for customizing Tailwind: theme (colors, spacing, fonts), plugins, content paths, dark mode, prefix, important, and variant order.",
+      "type": "configuration"
+    },
+    "content-configuration": {
+      "signature": "content: ['{paths}']",
+      "description": "Specifies file paths for Tailwind to scan for class names. Required for tree-shaking unused styles. Supports glob patterns.",
+      "type": "configuration"
+    }
+  }
+}

package/data/documentHighlight/css.json

@@ -0,0 +1,50 @@
+{
+  "language": "css",
+  "highlightPatterns": [
+    {
+      "pattern": "([a-z-]+)\\s*(?=:)",
+      "kind": "text",
+      "description": "CSS property names. Highlights declarations like display, margin, padding, color, background, etc."
+    },
+    {
+      "pattern": "([.#]?[a-zA-Z_][a-zA-Z0-9_-]*)\\s*(?=[{,>+~:\\[\\s])",
+      "kind": "text",
+      "description": "CSS selector names. Highlights class (.name), ID (#name), and element (tag) selectors."
+    },
+    {
+      "pattern": "var\\(\\s*(--(([a-zA-Z_][a-zA-Z0-9_-]*)))\\s*(?:,\\s*[^)]*)?\\)",
+      "kind": "read",
+      "description": "CSS custom property references. Highlights var(--name) usages to show where variables are consumed."
+    },
+    {
+      "pattern": "--(([a-zA-Z_][a-zA-Z0-9_-]*))\\s*:",
+      "kind": "write",
+      "description": "CSS custom property definitions. Highlights --property-name declarations to show where variables are assigned."
+    },
+    {
+      "pattern": "@(media|keyframes|supports|layer|container|font-face|import|charset|namespace|page|counter-style|property)\\b",
+      "kind": "text",
+      "description": "CSS at-rule keywords. Highlights @-prefixed rule identifiers."
+    },
+    {
+      "pattern": "#([0-9a-fA-F]{3,8})\\b|\\b(rgb|rgba|hsl|hsla|oklch|lab|lch|color)\\(",
+      "kind": "text",
+      "description": "CSS color values. Highlights hex colors and color function invocations."
+    },
+    {
+      "pattern": "(:(hover|focus|active|visited|first-child|last-child|nth-child|nth-of-type|not|is|where|has|focus-visible|focus-within|checked|disabled|enabled|empty|root|target|lang|any-link|placeholder-shown|required|optional|valid|invalid|in-range|out-of-range|read-only|read-write|default|indeterminate))\\b",
+      "kind": "text",
+      "description": "CSS pseudo-class selectors. Highlights state-based and structural pseudo-classes."
+    },
+    {
+      "pattern": "(::?(before|after|first-line|first-letter|selection|placeholder|marker|backdrop|file-selector-button|cue|part|slotted))\\b",
+      "kind": "text",
+      "description": "CSS pseudo-element selectors. Highlights virtual elements that style specific parts of an element."
+    },
+    {
+      "pattern": "\\b(calc|var|min|max|clamp|env|attr|url|linear-gradient|radial-gradient|conic-gradient|repeating-linear-gradient|repeating-radial-gradient|image-set|counter|counters|fit-content|minmax|repeat)\\s*\\(",
+      "kind": "text",
+      "description": "CSS function calls. Highlights built-in CSS functions."
+    }
+  ]
+}

package/data/documentHighlight/tailwindcss.json

@@ -0,0 +1,65 @@
+{
+  "language": "tailwindcss",
+  "highlightPatterns": [
+    {
+      "pattern": "\\b(flex|grid|block|inline|hidden|table|contents|flow-root|inline-flex|inline-grid|inline-block)\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind display/layout utility class names."
+    },
+    {
+      "pattern": "\\b(p|m|px|py|pt|pr|pb|pl|mx|my|mt|mr|mb|ml|gap|space-x|space-y)-\\d+\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind spacing utility class names."
+    },
+    {
+      "pattern": "\\b(w|h|min-w|max-w|min-h|max-h|size)-[\\w/]+\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind sizing utility class names."
+    },
+    {
+      "pattern": "\\b(text|font|leading|tracking|decoration|underline|overline|line-through|no-underline)-[\\w-]+\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind typography utility class names."
+    },
+    {
+      "pattern": "\\b(bg|from|via|to)-[\\w-]+\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind background and gradient utility class names."
+    },
+    {
+      "pattern": "\\b(border|rounded|ring|divide|outline)-[\\w-]*\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind border and ring utility class names."
+    },
+    {
+      "pattern": "\\b(shadow|opacity|blur|backdrop-blur|brightness|contrast|saturate)-[\\w-]*\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind effects and filter utility class names."
+    },
+    {
+      "pattern": "\\b(sm|md|lg|xl|2xl):",
+      "kind": "text",
+      "description": "Highlight responsive breakpoint prefixes."
+    },
+    {
+      "pattern": "\\b(hover|focus|active|visited|disabled|first|last|odd|even|focus-within|focus-visible):",
+      "kind": "text",
+      "description": "Highlight state variant prefixes."
+    },
+    {
+      "pattern": "\\b(dark|group-hover|group-focus|peer-focus|peer-checked|peer-hover):",
+      "kind": "text",
+      "description": "Highlight dark mode and group/peer variant prefixes."
+    },
+    {
+      "pattern": "@(tailwind|apply|layer|config|responsive|variants|screen)",
+      "kind": "text",
+      "description": "Highlight Tailwind CSS at-rule directives."
+    },
+    {
+      "pattern": "\\b(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)\\b",
+      "kind": "text",
+      "description": "Highlight Tailwind default color palette references."
+    }
+  ]
+}

package/data/documentRangeFormatting/css.json

@@ -0,0 +1,101 @@
+{
+  "language": "css",
+  "defaultOptions": {
+    "tabSize": 2,
+    "insertSpaces": true
+  },
+  "rangeFormattingRules": [
+    {
+      "description": "Normalize property declaration spacing",
+      "pattern": "([a-z-]+)\\s*:\\s*",
+      "action": "replace",
+      "options": {
+        "replacement": "$1: ",
+        "scope": "declaration"
+      }
+    },
+    {
+      "description": "Ensure proper indentation within rule blocks",
+      "pattern": "^(\\s*)([a-z-]+\\s*:)",
+      "action": "reindent",
+      "options": {
+        "baseIndent": "parentBlock",
+        "indentSize": 2,
+        "scope": "block"
+      }
+    },
+    {
+      "description": "Normalize brace formatting for rule blocks",
+      "pattern": "([^\\s])\\s*\\{",
+      "action": "replace",
+      "options": {
+        "replacement": "$1 {",
+        "scope": "rule"
+      }
+    },
+    {
+      "description": "Ensure closing brace alignment",
+      "pattern": "^(\\s*)\\}",
+      "action": "reindent",
+      "options": {
+        "matchIndent": "openingBrace",
+        "scope": "block"
+      }
+    },
+    {
+      "description": "Ensure semicolons terminate declarations",
+      "pattern": "([a-z-]+\\s*:[^;{}]+?)\\s*(?=\\n\\s*[a-z-]|\\n\\s*\\})",
+      "action": "appendSemicolon",
+      "options": {
+        "scope": "declaration"
+      }
+    },
+    {
+      "description": "Remove extra blank lines within a rule block",
+      "pattern": "\\n\\s*\\n\\s*\\n",
+      "action": "replace",
+      "options": {
+        "replacement": "\n\n",
+        "scope": "block"
+      }
+    },
+    {
+      "description": "Normalize comma-separated selectors to one per line",
+      "pattern": ",\\s*([.#a-zA-Z*:\\[])",
+      "action": "replace",
+      "options": {
+        "replacement": ",\n$1",
+        "scope": "rule"
+      }
+    },
+    {
+      "description": "Remove trailing whitespace on each line",
+      "pattern": "[ \\t]+$",
+      "action": "replace",
+      "options": {
+        "replacement": "",
+        "scope": "statement"
+      }
+    },
+    {
+      "description": "Normalize space in !important declarations",
+      "pattern": "\\s*!\\s*important",
+      "action": "replace",
+      "options": {
+        "replacement": " !important",
+        "scope": "declaration"
+      }
+    },
+    {
+      "description": "Format multi-value properties with consistent spacing",
+      "pattern": ",\\s*(?=[^\\n])",
+      "action": "replace",
+      "options": {
+        "replacement": ", ",
+        "scope": "declaration"
+      }
+    }
+  ],
+  "adjustToSyntaxNode": true,
+  "supportedRangeTypes": ["statement", "block", "rule", "declaration"]
+}

package/data/documentRangeFormatting/tailwindcss.json

@@ -0,0 +1,55 @@
+{
+  "language": "tailwindcss",
+  "defaultOptions": {
+    "tabSize": 2,
+    "insertSpaces": true
+  },
+  "rangeFormattingRules": [
+    {
+      "description": "Sort utility classes in @apply rules within the selected range",
+      "pattern": "@apply\\s+([\\w\\s:/-]+);",
+      "action": "sortClasses",
+      "options": {
+        "order": "headwind"
+      }
+    },
+    {
+      "description": "Normalize whitespace in class lists within the selected range",
+      "pattern": "class\\s*=\\s*[\"']([^\"']+)[\"']",
+      "action": "normalizeWhitespace",
+      "options": {
+        "singleSpace": true,
+        "trimEdges": true
+      }
+    },
+    {
+      "description": "Format @layer block indentation within the selected range",
+      "pattern": "@layer\\s+\\w+\\s*\\{[\\s\\S]*?\\}",
+      "action": "formatBlock",
+      "options": {
+        "indentSize": 2,
+        "insertSpaces": true
+      }
+    },
+    {
+      "description": "Normalize @apply directive spacing within the selected range",
+      "pattern": "@apply\\s{2,}",
+      "action": "replaceWhitespace",
+      "options": {
+        "replacement": "@apply "
+      }
+    },
+    {
+      "description": "Format CSS rule blocks within the selected range",
+      "pattern": "\\.[\\w-]+\\s*\\{[^}]*\\}",
+      "action": "formatBlock",
+      "options": {
+        "indentSize": 2,
+        "insertSpaces": true,
+        "newlineAfterBrace": true
+      }
+    }
+  ],
+  "adjustToSyntaxNode": true,
+  "supportedRangeTypes": ["statement", "block", "directive", "declaration"]
+}