@enjoys/context-engine 1.2.0 → 1.4.1

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"
+    }
+  }
+}