@enjoys/context-engine 1.3.1 → 1.4.2

package/data/completion/css.json

@@ -378,6 +378,799 @@
       "insertText": "position: absolute;\nwidth: 1px;\nheight: 1px;\npadding: 0;\nmargin: -1px;\noverflow: hidden;\nclip: rect(0, 0, 0, 0);\nwhite-space: nowrap;\nborder-width: 0;",
       "insertTextRules": 4,
       "sortText": "03_visually-hidden"
+    },
+
+    {
+      "label": "width",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the width of an element's content area.\n\nValues: `auto`, `<length>`, `<percentage>`, `min-content`, `max-content`, `fit-content()`." },
+      "insertText": "width: ${1:100%};",
+      "insertTextRules": 4,
+      "sortText": "00_width"
+    },
+    {
+      "label": "height",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the height of an element's content area.\n\nValues: `auto`, `<length>`, `<percentage>`, `min-content`, `max-content`, `fit-content()`, `100vh`, `100dvh`." },
+      "insertText": "height: ${1:auto};",
+      "insertTextRules": 4,
+      "sortText": "00_height"
+    },
+    {
+      "label": "min-width",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the minimum width of an element. Overrides `width` and `max-width` when they result in a smaller value." },
+      "insertText": "min-width: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_min-width"
+    },
+    {
+      "label": "max-width",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the maximum width of an element. Commonly used for centered layouts: `max-width: 1200px; margin: 0 auto;`." },
+      "insertText": "max-width: ${1:1200px};",
+      "insertTextRules": 4,
+      "sortText": "00_max-width"
+    },
+    {
+      "label": "min-height",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the minimum height. Common pattern: `min-height: 100vh;` for full-page layouts." },
+      "insertText": "min-height: ${1:100vh};",
+      "insertTextRules": 4,
+      "sortText": "00_min-height"
+    },
+    {
+      "label": "max-height",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the maximum height. Commonly used with `overflow: auto` for scrollable regions." },
+      "insertText": "max-height: ${1:100%};",
+      "insertTextRules": 4,
+      "sortText": "00_max-height"
+    },
+    {
+      "label": "top",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies the vertical position of a positioned element from the top edge." },
+      "insertText": "top: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_top"
+    },
+    {
+      "label": "right",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies the horizontal position from the right edge of a positioned element's containing block." },
+      "insertText": "right: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_right"
+    },
+    {
+      "label": "bottom",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies the vertical position from the bottom edge of a positioned element's containing block." },
+      "insertText": "bottom: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_bottom"
+    },
+    {
+      "label": "left",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies the horizontal position from the left edge of a positioned element's containing block." },
+      "insertText": "left: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_left"
+    },
+    {
+      "label": "inset",
+      "kind": 14,
+      "detail": "CSS Shorthand Property",
+      "documentation": { "value": "Shorthand for `top`, `right`, `bottom`, `left`.\n\n`inset: 0;` fills the containing block completely." },
+      "insertText": "inset: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_inset"
+    },
+    {
+      "label": "flex-direction",
+      "kind": 14,
+      "detail": "CSS Flexbox Property",
+      "documentation": { "value": "Defines the main axis direction for a flex container.\n\nValues: `row`, `row-reverse`, `column`, `column-reverse`." },
+      "insertText": "flex-direction: ${1|row,row-reverse,column,column-reverse|};",
+      "insertTextRules": 4,
+      "sortText": "00_flex-direction"
+    },
+    {
+      "label": "flex-wrap",
+      "kind": 14,
+      "detail": "CSS Flexbox Property",
+      "documentation": { "value": "Controls whether flex items wrap onto multiple lines.\n\nValues: `nowrap`, `wrap`, `wrap-reverse`." },
+      "insertText": "flex-wrap: ${1|nowrap,wrap,wrap-reverse|};",
+      "insertTextRules": 4,
+      "sortText": "00_flex-wrap"
+    },
+    {
+      "label": "justify-content",
+      "kind": 14,
+      "detail": "CSS Flexbox/Grid Property",
+      "documentation": { "value": "Distributes space along the main axis.\n\nValues: `flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`." },
+      "insertText": "justify-content: ${1|flex-start,flex-end,center,space-between,space-around,space-evenly|};",
+      "insertTextRules": 4,
+      "sortText": "00_justify-content"
+    },
+    {
+      "label": "align-items",
+      "kind": 14,
+      "detail": "CSS Flexbox/Grid Property",
+      "documentation": { "value": "Aligns flex/grid items along the cross axis.\n\nValues: `stretch`, `flex-start`, `flex-end`, `center`, `baseline`." },
+      "insertText": "align-items: ${1|stretch,flex-start,flex-end,center,baseline|};",
+      "insertTextRules": 4,
+      "sortText": "00_align-items"
+    },
+    {
+      "label": "align-content",
+      "kind": 14,
+      "detail": "CSS Flexbox/Grid Property",
+      "documentation": { "value": "Distributes space between flex/grid lines on the cross axis. Only applies with multiple lines." },
+      "insertText": "align-content: ${1|stretch,flex-start,flex-end,center,space-between,space-around|};",
+      "insertTextRules": 4,
+      "sortText": "00_align-content"
+    },
+    {
+      "label": "align-self",
+      "kind": 14,
+      "detail": "CSS Flexbox/Grid Property",
+      "documentation": { "value": "Overrides `align-items` for this specific flex/grid item on the cross axis." },
+      "insertText": "align-self: ${1|auto,flex-start,flex-end,center,stretch,baseline|};",
+      "insertTextRules": 4,
+      "sortText": "00_align-self"
+    },
+    {
+      "label": "flex-grow",
+      "kind": 14,
+      "detail": "CSS Flexbox Property",
+      "documentation": { "value": "Specifies how much a flex item should grow relative to siblings. Default: `0`." },
+      "insertText": "flex-grow: ${1:1};",
+      "insertTextRules": 4,
+      "sortText": "00_flex-grow"
+    },
+    {
+      "label": "flex-shrink",
+      "kind": 14,
+      "detail": "CSS Flexbox Property",
+      "documentation": { "value": "Specifies how much a flex item should shrink. Default: `1`. Set `0` to prevent shrinking." },
+      "insertText": "flex-shrink: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_flex-shrink"
+    },
+    {
+      "label": "flex-basis",
+      "kind": 14,
+      "detail": "CSS Flexbox Property",
+      "documentation": { "value": "Sets the initial main size of a flex item before space distribution." },
+      "insertText": "flex-basis: ${1:auto};",
+      "insertTextRules": 4,
+      "sortText": "00_flex-basis"
+    },
+    {
+      "label": "order",
+      "kind": 14,
+      "detail": "CSS Flexbox/Grid Property",
+      "documentation": { "value": "Sets the visual order of a flex/grid item. Default: `0`. Negative values move earlier." },
+      "insertText": "order: ${1:0};",
+      "insertTextRules": 4,
+      "sortText": "00_order"
+    },
+    {
+      "label": "grid-area",
+      "kind": 14,
+      "detail": "CSS Grid Property",
+      "documentation": { "value": "Shorthand for `grid-row-start` / `grid-column-start` / `grid-row-end` / `grid-column-end`.\n\nAlso used with `grid-template-areas` for named placement." },
+      "insertText": "grid-area: ${1:name};",
+      "insertTextRules": 4,
+      "sortText": "00_grid-area"
+    },
+    {
+      "label": "grid-template-areas",
+      "kind": 14,
+      "detail": "CSS Grid Property",
+      "documentation": { "value": "Defines named grid areas using ASCII art syntax.\n\nExample:\n```css\ngrid-template-areas:\n  'header header'\n  'sidebar main'\n  'footer footer';\n```" },
+      "insertText": "grid-template-areas:\n\t'${1:header} ${2:header}'\n\t'${3:sidebar} ${4:main}'\n\t'${5:footer} ${6:footer}';",
+      "insertTextRules": 4,
+      "sortText": "00_grid-template-areas"
+    },
+    {
+      "label": "grid-auto-flow",
+      "kind": 14,
+      "detail": "CSS Grid Property",
+      "documentation": { "value": "Controls how auto-placed items flow into the grid.\n\nValues: `row`, `column`, `dense`, `row dense`, `column dense`." },
+      "insertText": "grid-auto-flow: ${1|row,column,dense,row dense,column dense|};",
+      "insertTextRules": 4,
+      "sortText": "00_grid-auto-flow"
+    },
+    {
+      "label": "place-items",
+      "kind": 14,
+      "detail": "CSS Grid Shorthand",
+      "documentation": { "value": "Shorthand for `align-items` + `justify-items`. `place-items: center;` centers grid items." },
+      "insertText": "place-items: ${1:center};",
+      "insertTextRules": 4,
+      "sortText": "00_place-items"
+    },
+    {
+      "label": "place-content",
+      "kind": 14,
+      "detail": "CSS Grid Shorthand",
+      "documentation": { "value": "Shorthand for `align-content` + `justify-content`." },
+      "insertText": "place-content: ${1:center};",
+      "insertTextRules": 4,
+      "sortText": "00_place-content"
+    },
+    {
+      "label": "font-size",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the size of the font.\n\nUnits: `px`, `em`, `rem`, `%`, `vw`. Fluid: `clamp(1rem, 2.5vw, 2rem)`." },
+      "insertText": "font-size: ${1:1rem};",
+      "insertTextRules": 4,
+      "sortText": "00_font-size"
+    },
+    {
+      "label": "font-weight",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the weight (boldness) of the font.\n\n100=Thin, 300=Light, 400=Normal, 500=Medium, 700=Bold, 900=Black." },
+      "insertText": "font-weight: ${1|normal,bold,100,200,300,400,500,600,700,800,900|};",
+      "insertTextRules": 4,
+      "sortText": "00_font-weight"
+    },
+    {
+      "label": "font-family",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the font family. Always end with a generic fallback.\n\nGenerics: `serif`, `sans-serif`, `monospace`, `system-ui`." },
+      "insertText": "font-family: ${1:'Inter'}, ${2:system-ui}, ${3:sans-serif};",
+      "insertTextRules": 4,
+      "sortText": "00_font-family"
+    },
+    {
+      "label": "line-height",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the line height. Unitless values (1.5) are recommended as they scale with font-size. WCAG recommends 1.5+ for body text." },
+      "insertText": "line-height: ${1:1.5};",
+      "insertTextRules": 4,
+      "sortText": "00_line-height"
+    },
+    {
+      "label": "letter-spacing",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets spacing between characters. Negative values tighten text. Useful for headings (-0.025em) or uppercase text (0.05em)." },
+      "insertText": "letter-spacing: ${1:0.025em};",
+      "insertTextRules": 4,
+      "sortText": "00_letter-spacing"
+    },
+    {
+      "label": "text-align",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Aligns inline content within a block.\n\nValues: `left`, `right`, `center`, `justify`, `start`, `end`." },
+      "insertText": "text-align: ${1|left,center,right,justify,start,end|};",
+      "insertTextRules": 4,
+      "sortText": "00_text-align"
+    },
+    {
+      "label": "text-decoration",
+      "kind": 14,
+      "detail": "CSS Shorthand Property",
+      "documentation": { "value": "Shorthand for text decoration line, style, color, and thickness.\n\nLines: `none`, `underline`, `overline`, `line-through`.\nStyles: `solid`, `double`, `dotted`, `dashed`, `wavy`." },
+      "insertText": "text-decoration: ${1|none,underline,overline,line-through|};",
+      "insertTextRules": 4,
+      "sortText": "00_text-decoration"
+    },
+    {
+      "label": "text-transform",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Controls capitalization of text.\n\nValues: `none`, `capitalize`, `uppercase`, `lowercase`." },
+      "insertText": "text-transform: ${1|none,capitalize,uppercase,lowercase|};",
+      "insertTextRules": 4,
+      "sortText": "00_text-transform"
+    },
+    {
+      "label": "text-overflow",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies how overflowed text is signaled. Values: `clip`, `ellipsis`.\n\nRequires `overflow: hidden` and `white-space: nowrap`." },
+      "insertText": "text-overflow: ${1|clip,ellipsis|};",
+      "insertTextRules": 4,
+      "sortText": "00_text-overflow"
+    },
+    {
+      "label": "white-space",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Controls how whitespace and newlines are handled.\n\nValues: `normal`, `nowrap`, `pre`, `pre-wrap`, `pre-line`, `break-spaces`." },
+      "insertText": "white-space: ${1|normal,nowrap,pre,pre-wrap,pre-line|};",
+      "insertTextRules": 4,
+      "sortText": "00_white-space"
+    },
+    {
+      "label": "word-break",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Controls line breaking rules within words.\n\nValues: `normal`, `break-all`, `keep-all`, `break-word`." },
+      "insertText": "word-break: ${1|normal,break-all,keep-all|};",
+      "insertTextRules": 4,
+      "sortText": "00_word-break"
+    },
+    {
+      "label": "overflow-wrap",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Allows unbreakable strings to be broken to prevent overflow.\n\nValues: `normal`, `break-word`, `anywhere`." },
+      "insertText": "overflow-wrap: ${1|normal,break-word,anywhere|};",
+      "insertTextRules": 4,
+      "sortText": "00_overflow-wrap"
+    },
+    {
+      "label": "background-color",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the background color of an element. Supports all CSS color formats including alpha." },
+      "insertText": "background-color: ${1:#fff};",
+      "insertTextRules": 4,
+      "sortText": "00_background-color"
+    },
+    {
+      "label": "background-image",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets one or more background images. Supports URLs and gradient functions." },
+      "insertText": "background-image: ${1|url(''),linear-gradient(),radial-gradient()|};",
+      "insertTextRules": 4,
+      "sortText": "00_background-image"
+    },
+    {
+      "label": "background-size",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Specifies the size of background images.\n\nValues: `auto`, `cover`, `contain`, `<length> <length>`." },
+      "insertText": "background-size: ${1|auto,cover,contain|};",
+      "insertTextRules": 4,
+      "sortText": "00_background-size"
+    },
+    {
+      "label": "background-position",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the initial position of a background image.\n\nKeywords: `top`, `right`, `bottom`, `left`, `center`. Accepts `<position>` pairs." },
+      "insertText": "background-position: ${1:center};",
+      "insertTextRules": 4,
+      "sortText": "00_background-position"
+    },
+    {
+      "label": "background-repeat",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets how background images are repeated.\n\nValues: `repeat`, `no-repeat`, `repeat-x`, `repeat-y`, `space`, `round`." },
+      "insertText": "background-repeat: ${1|no-repeat,repeat,repeat-x,repeat-y,space,round|};",
+      "insertTextRules": 4,
+      "sortText": "00_background-repeat"
+    },
+    {
+      "label": "border-radius",
+      "kind": 14,
+      "detail": "CSS Shorthand Property",
+      "documentation": { "value": "Rounds the corners of an element.\n\n`border-radius: 50%;` creates a circle. 1-4 values: TL, TR, BR, BL." },
+      "insertText": "border-radius: ${1:0.5rem};",
+      "insertTextRules": 4,
+      "sortText": "00_border-radius"
+    },
+    {
+      "label": "box-shadow",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Adds shadow effects around an element.\n\nSyntax: `[inset] <x> <y> <blur> [spread] <color>`. Supports multiple shadows." },
+      "insertText": "box-shadow: ${1:0 1px 3px rgba(0, 0, 0, 0.12)};",
+      "insertTextRules": 4,
+      "sortText": "00_box-shadow"
+    },
+    {
+      "label": "outline",
+      "kind": 14,
+      "detail": "CSS Shorthand Property",
+      "documentation": { "value": "Draws a line outside the element's border. Does NOT affect layout.\n\nSyntax: `<width> <style> <color>`." },
+      "insertText": "outline: ${1:2px} ${2|solid,dashed,dotted|} ${3:#000};",
+      "insertTextRules": 4,
+      "sortText": "00_outline"
+    },
+    {
+      "label": "filter",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Applies graphical effects. Functions: `blur()`, `brightness()`, `contrast()`, `grayscale()`, `hue-rotate()`, `invert()`, `opacity()`, `saturate()`, `sepia()`, `drop-shadow()`." },
+      "insertText": "filter: ${1|blur(4px),brightness(0.8),grayscale(100%),drop-shadow(2px 4px 6px rgba(0\\,0\\,0\\,0.3))|};",
+      "insertTextRules": 4,
+      "sortText": "00_filter"
+    },
+    {
+      "label": "backdrop-filter",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Applies filter effects to the area behind an element. Requires transparent/semi-transparent background.\n\nGlass morphism: `backdrop-filter: blur(10px);`" },
+      "insertText": "backdrop-filter: blur(${1:10px});",
+      "insertTextRules": 4,
+      "sortText": "00_backdrop-filter"
+    },
+    {
+      "label": "object-fit",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets how replaced elements (`<img>`, `<video>`) resize within their container.\n\nValues: `fill`, `contain`, `cover`, `none`, `scale-down`." },
+      "insertText": "object-fit: ${1|cover,contain,fill,none,scale-down|};",
+      "insertTextRules": 4,
+      "sortText": "00_object-fit"
+    },
+    {
+      "label": "aspect-ratio",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets a preferred aspect ratio. Examples: `16 / 9`, `1` (square), `4 / 3`." },
+      "insertText": "aspect-ratio: ${1:16 / 9};",
+      "insertTextRules": 4,
+      "sortText": "00_aspect-ratio"
+    },
+    {
+      "label": "visibility",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets element visibility. `hidden` hides element but preserves layout space (unlike `display: none`)." },
+      "insertText": "visibility: ${1|visible,hidden,collapse|};",
+      "insertTextRules": 4,
+      "sortText": "00_visibility"
+    },
+    {
+      "label": "pointer-events",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Controls whether an element responds to pointer events. `none` makes clicks pass through." },
+      "insertText": "pointer-events: ${1|auto,none|};",
+      "insertTextRules": 4,
+      "sortText": "00_pointer-events"
+    },
+    {
+      "label": "user-select",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Controls whether text can be selected. `none` prevents selection, `all` selects entire element on click." },
+      "insertText": "user-select: ${1|auto,text,none,all|};",
+      "insertTextRules": 4,
+      "sortText": "00_user-select"
+    },
+    {
+      "label": "resize",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets whether an element is user-resizable. Requires `overflow` other than `visible`." },
+      "insertText": "resize: ${1|none,both,horizontal,vertical|};",
+      "insertTextRules": 4,
+      "sortText": "00_resize"
+    },
+    {
+      "label": "scroll-behavior",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets whether scrolling is instant or smooth. `html { scroll-behavior: smooth; }` for smooth anchor links." },
+      "insertText": "scroll-behavior: ${1|auto,smooth|};",
+      "insertTextRules": 4,
+      "sortText": "00_scroll-behavior"
+    },
+    {
+      "label": "scroll-snap-type",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Enables scroll snapping. Values: `x mandatory`, `y mandatory`, `x proximity`, `y proximity`." },
+      "insertText": "scroll-snap-type: ${1|x mandatory,y mandatory,x proximity,y proximity|};",
+      "insertTextRules": 4,
+      "sortText": "00_scroll-snap-type"
+    },
+    {
+      "label": "will-change",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Hints to the browser about upcoming changes for optimization. Use sparingly." },
+      "insertText": "will-change: ${1|transform,opacity,scroll-position|};",
+      "insertTextRules": 4,
+      "sortText": "00_will-change"
+    },
+    {
+      "label": "contain",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Indicates containment restrictions for performance.\n\nValues: `none`, `strict`, `content`, `size`, `layout`, `style`, `paint`." },
+      "insertText": "contain: ${1|none,strict,content,layout,paint|};",
+      "insertTextRules": 4,
+      "sortText": "00_contain"
+    },
+    {
+      "label": "container-type",
+      "kind": 14,
+      "detail": "CSS Property (Container Queries)",
+      "documentation": { "value": "Establishes element as a containment context for container queries.\n\nValues: `normal`, `inline-size`, `size`." },
+      "insertText": "container-type: ${1|inline-size,size,normal|};",
+      "insertTextRules": 4,
+      "sortText": "00_container-type"
+    },
+    {
+      "label": "container-name",
+      "kind": 14,
+      "detail": "CSS Property (Container Queries)",
+      "documentation": { "value": "Names a container for targeted `@container` queries." },
+      "insertText": "container-name: ${1:name};",
+      "insertTextRules": 4,
+      "sortText": "00_container-name"
+    },
+    {
+      "label": "accent-color",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Sets the accent color for checkboxes, radios, range sliders, and progress bars." },
+      "insertText": "accent-color: ${1:#3490dc};",
+      "insertTextRules": 4,
+      "sortText": "00_accent-color"
+    },
+    {
+      "label": "color-scheme",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Indicates supported color schemes. `light dark` enables native dark mode for form controls and scrollbars." },
+      "insertText": "color-scheme: ${1|light dark,light,dark|};",
+      "insertTextRules": 4,
+      "sortText": "00_color-scheme"
+    },
+    {
+      "label": "mix-blend-mode",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Defines how element content blends with content behind it.\n\nValues: `normal`, `multiply`, `screen`, `overlay`, `darken`, `lighten`, `color-dodge`, etc." },
+      "insertText": "mix-blend-mode: ${1|normal,multiply,screen,overlay,darken,lighten|};",
+      "insertTextRules": 4,
+      "sortText": "00_mix-blend-mode"
+    },
+    {
+      "label": "isolation",
+      "kind": 14,
+      "detail": "CSS Property",
+      "documentation": { "value": "Creates a new stacking context. `isolate` prevents `mix-blend-mode` from affecting ancestors." },
+      "insertText": "isolation: ${1|auto,isolate|};",
+      "insertTextRules": 4,
+      "sortText": "00_isolation"
+    },
+    {
+      "label": "min()",
+      "kind": 14,
+      "detail": "CSS Function",
+      "documentation": { "value": "Returns the smallest value from a list. Example: `width: min(100%, 600px);`." },
+      "insertText": "min(${1:100%}, ${2:600px})",
+      "insertTextRules": 4,
+      "sortText": "00_min"
+    },
+    {
+      "label": "max()",
+      "kind": 14,
+      "detail": "CSS Function",
+      "documentation": { "value": "Returns the largest value. Example: `width: max(300px, 50%);`." },
+      "insertText": "max(${1:300px}, ${2:50%})",
+      "insertTextRules": 4,
+      "sortText": "00_max"
+    },
+    {
+      "label": ":last-child",
+      "kind": 14,
+      "detail": "CSS Pseudo-class",
+      "documentation": { "value": "Matches the last child element. Equivalent to `:nth-last-child(1)`." },
+      "insertText": ":last-child",
+      "insertTextRules": 0,
+      "sortText": "01_last-child"
+    },
+    {
+      "label": ":focus-visible",
+      "kind": 14,
+      "detail": "CSS Pseudo-class",
+      "documentation": { "value": "Matches when element has focus AND the browser determines focus should be visible (typically keyboard focus). Preferred over `:focus` for custom focus indicators." },
+      "insertText": ":focus-visible {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "01_focus-visible"
+    },
+    {
+      "label": ":focus-within",
+      "kind": 14,
+      "detail": "CSS Pseudo-class",
+      "documentation": { "value": "Matches when the element or any of its descendants has focus. Useful for highlighting parent containers of focused inputs." },
+      "insertText": ":focus-within {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "01_focus-within"
+    },
+    {
+      "label": ":has()",
+      "kind": 14,
+      "detail": "CSS Pseudo-class (Selector)",
+      "documentation": { "value": "The parent selector — matches if any descendant matches the argument.\n\nExamples: `.card:has(img)`, `.form:has(:invalid)`, `h2:has(+ p)`." },
+      "insertText": ":has(${1:selector}) {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "01_has"
+    },
+    {
+      "label": ":is()",
+      "kind": 14,
+      "detail": "CSS Pseudo-class (Selector)",
+      "documentation": { "value": "Matches any element matched by one of the selectors in the list. Simplifies complex selectors.\n\nSpecificity: Takes the highest specificity selector. Use `:where()` for zero specificity." },
+      "insertText": ":is(${1:selector-list})",
+      "insertTextRules": 4,
+      "sortText": "01_is"
+    },
+    {
+      "label": ":where()",
+      "kind": 14,
+      "detail": "CSS Pseudo-class (Selector)",
+      "documentation": { "value": "Like `:is()` but with zero specificity. Ideal for default styles that should be easily overridable." },
+      "insertText": ":where(${1:selector-list})",
+      "insertTextRules": 4,
+      "sortText": "01_where"
+    },
+    {
+      "label": ":not()",
+      "kind": 14,
+      "detail": "CSS Pseudo-class (Negation)",
+      "documentation": { "value": "Matches elements that do NOT match the given selector.\n\nExample: `p:not(.special)`, `input:not(:disabled)`." },
+      "insertText": ":not(${1:selector})",
+      "insertTextRules": 4,
+      "sortText": "01_not"
+    },
+    {
+      "label": "::marker",
+      "kind": 14,
+      "detail": "CSS Pseudo-element",
+      "documentation": { "value": "Styles the marker box of a list item (bullet or number). Properties allowed: color, font, content, and a few others." },
+      "insertText": "::marker {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "01_marker"
+    },
+    {
+      "label": "::selection",
+      "kind": 14,
+      "detail": "CSS Pseudo-element",
+      "documentation": { "value": "Styles the portion of text selected by the user. Limited properties: `color`, `background-color`, `text-decoration`, `text-shadow`." },
+      "insertText": "::selection {\n\tbackground-color: ${1:#b3d4fc};\n\tcolor: ${2:#000};\n}",
+      "insertTextRules": 4,
+      "sortText": "01_selection"
+    },
+    {
+      "label": "::placeholder",
+      "kind": 14,
+      "detail": "CSS Pseudo-element",
+      "documentation": { "value": "Styles the placeholder text of input and textarea elements." },
+      "insertText": "::placeholder {\n\tcolor: ${1:#9ca3af};\n\topacity: 1;\n}",
+      "insertTextRules": 4,
+      "sortText": "01_placeholder"
+    },
+    {
+      "label": "@property",
+      "kind": 14,
+      "detail": "CSS At-Rule (Custom Properties)",
+      "documentation": { "value": "Registers a custom property with a type, initial value, and inheritance.\n\nEnables animation of custom properties and type checking." },
+      "insertText": "@property --${1:property-name} {\n\tsyntax: '${2|<color>,<length>,<number>,<percentage>,<integer>|}';\n\tinherits: ${3|false,true|};\n\tinitial-value: ${4:value};\n}",
+      "insertTextRules": 4,
+      "sortText": "02_property"
+    },
+    {
+      "label": "@scope",
+      "kind": 14,
+      "detail": "CSS At-Rule (Scoping)",
+      "documentation": { "value": "Scopes styles to a subtree of the DOM. Limits style applicability without increasing specificity.\n\nSyntax: `@scope (.parent) to (.limit) { }`." },
+      "insertText": "@scope (${1:.parent}) {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "02_scope"
+    },
+    {
+      "label": "Truncate Text",
+      "kind": 15,
+      "detail": "Snippet — Single-line text truncation",
+      "documentation": { "value": "Truncates overflowing text with an ellipsis. The classic three-property pattern." },
+      "insertText": "overflow: hidden;\nwhite-space: nowrap;\ntext-overflow: ellipsis;",
+      "insertTextRules": 4,
+      "sortText": "03_truncate"
+    },
+    {
+      "label": "Multi-line Truncate",
+      "kind": 15,
+      "detail": "Snippet — Multi-line text clamp",
+      "documentation": { "value": "Truncates text after N lines using `-webkit-line-clamp`. Works in all modern browsers despite the `-webkit-` prefix." },
+      "insertText": "display: -webkit-box;\n-webkit-line-clamp: ${1:3};\n-webkit-box-orient: vertical;\noverflow: hidden;",
+      "insertTextRules": 4,
+      "sortText": "03_multiline-truncate"
+    },
+    {
+      "label": "Sticky Header",
+      "kind": 15,
+      "detail": "Snippet — Sticky positioned header",
+      "documentation": { "value": "Creates a sticky header that sticks to the top when scrolling past it." },
+      "insertText": "position: sticky;\ntop: 0;\nz-index: 10;\nbackground: ${1:white};",
+      "insertTextRules": 4,
+      "sortText": "03_sticky-header"
+    },
+    {
+      "label": "Absolute Center",
+      "kind": 15,
+      "detail": "Snippet — Center with absolute + translate",
+      "documentation": { "value": "Centers an element absolutely using `translate(-50%, -50%)`." },
+      "insertText": "position: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);",
+      "insertTextRules": 4,
+      "sortText": "03_absolute-center"
+    },
+    {
+      "label": "Grid Center",
+      "kind": 15,
+      "detail": "Snippet — Center with Grid",
+      "documentation": { "value": "The shortest CSS centering technique: `display: grid; place-items: center;`." },
+      "insertText": "display: grid;\nplace-items: center;",
+      "insertTextRules": 4,
+      "sortText": "03_grid-center"
+    },
+    {
+      "label": "Full-bleed Layout",
+      "kind": 15,
+      "detail": "Snippet — Full-width grid layout",
+      "documentation": { "value": "Creates a layout where content is centered but some elements can break out to full width." },
+      "insertText": "display: grid;\ngrid-template-columns: 1fr min(${1:65ch}, 100% - 2rem) 1fr;\n& > * {\n\tgrid-column: 2;\n}\n& > .full-bleed {\n\tgrid-column: 1 / -1;\n}",
+      "insertTextRules": 4,
+      "sortText": "03_full-bleed"
+    },
+    {
+      "label": "Glass Morphism",
+      "kind": 15,
+      "detail": "Snippet — Frosted glass effect",
+      "documentation": { "value": "Creates a frosted glass effect using `backdrop-filter: blur()` with a semi-transparent background." },
+      "insertText": "background: rgba(${1:255, 255, 255}, ${2:0.15});\nbackdrop-filter: blur(${3:10px});\nborder: 1px solid rgba(255, 255, 255, 0.2);\nborder-radius: ${4:1rem};",
+      "insertTextRules": 4,
+      "sortText": "03_glass-morphism"
+    },
+    {
+      "label": "Scroll Snap Carousel",
+      "kind": 15,
+      "detail": "Snippet — Horizontal scroll snap",
+      "documentation": { "value": "Creates a horizontal carousel with mandatory scroll snap points." },
+      "insertText": "display: flex;\ngap: ${1:1rem};\noverflow-x: auto;\nscroll-snap-type: x mandatory;\nscroll-behavior: smooth;\n& > * {\n\tscroll-snap-align: start;\n\tflex-shrink: 0;\n}",
+      "insertTextRules": 4,
+      "sortText": "03_scroll-snap"
+    },
+    {
+      "label": "Container Query Setup",
+      "kind": 15,
+      "detail": "Snippet — Container query pattern",
+      "documentation": { "value": "Sets up a container query context and a responsive rule that responds to the container's width." },
+      "insertText": "container-type: inline-size;\ncontainer-name: ${1:card};\n\n@container ${1:card} (min-width: ${2:400px}) {\n\t$0\n}",
+      "insertTextRules": 4,
+      "sortText": "03_container-query"
+    },
+    {
+      "label": "Aspect Ratio Box",
+      "kind": 15,
+      "detail": "Snippet — Responsive aspect ratio",
+      "documentation": { "value": "Creates a responsive container that maintains a fixed aspect ratio. Uses the modern `aspect-ratio` property." },
+      "insertText": "width: 100%;\naspect-ratio: ${1:16 / 9};\nobject-fit: cover;\nborder-radius: ${2:0.5rem};\noverflow: hidden;",
+      "insertTextRules": 4,
+      "sortText": "03_aspect-ratio-box"
     }
   ]
 }