igniteui-theming/dist/mcp/knowledge/docs/layout/mixins/spacing.js

A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.

//#region src/knowledge/docs/layout/mixins/spacing.md?raw
var spacing_default = "# The spacing() mixin\n\nDefines [CSS @property](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property) rules for spacing (--ig-spacing) and its variants:\n## Sass example\n```scss\n@include spacing();\n```\n\n## CSS output\n```css\n:root {\n  @property --ig-spacing {\n      syntax: '<number> | <integer>';\n      initial-value: 1;\n      inherits: true;\n  } \n\n  --ig-spacing-inline-small: var(--ig-spacing-inline, var(--ig-spacing-small));\n  --ig-spacing-inline-medium: var(--ig-spacing-inline, var(--ig-spacing-medium));\n  --ig-spacing-inline-large: var(--ig-spacing-inline, var(--ig-spacing-large));\n  --ig-spacing-block-small: var(--ig-spacing-block, var(--ig-spacing-small));\n  --ig-spacing-block-medium: var(--ig-spacing-block, var(--ig-spacing-medium));\n  --ig-spacing-block-large: var(--ig-spacing-block, var(--ig-spacing-large));\n}\n```\n\n## Notes\n- spacing() is typically included once at the root scope/stylesheet.\n";
//#endregion
export { spacing_default as default };