Overview
Reference
The language and tool reference for writing, understanding and reviewing Master CSS.
Utilities 180
Find classes, aliases, CSS declarations and values.
Layout 16
Flexbox & Grid 29
- align-content
- align-items
- align-self
- flex
- flex-basis
- flex-direction
- flex-grow
- flex-shrink
- flex-wrap
- grid
- grid-area
- grid-auto-columns
- grid-auto-flow
- grid-auto-rows
- grid-column
- grid-columns
- grid-row
- grid-rows
- grid-template
- grid-template-areas
- grid-template-columns
- grid-template-rows
- justify-content
- justify-items
- justify-self
- order
- place-content
- place-items
- place-self
Spacing 5
Sizing 7
Typography 45
- content
- counter-increment
- counter-reset
- counter-set
- direction
- font-family
- font-feature-settings
- font-size
- font-smooth
- font-style
- font-variant-numeric
- font-weight
- hyphens
- letter-spacing
- line-clamp
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- overflow-wrap
- text-align
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-decoration-thickness
- text-fill-color
- text-indent
- text-orientation
- text-overflow
- text-rendering
- text-shadow
- text-size
- text-stroke
- text-stroke-color
- text-stroke-width
- text-transform
- text-underline-offset
- text-wrap
- vertical-align
- white-space
- word-break
- word-spacing
- writing-mode
Color & Backgrounds 13
Borders & Outlines 18
Effects 6
Transforms 4
Media & SVG 5
Shapes & Masks 5
Motion 18
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- scroll-behavior
- scroll-snap-align
- scroll-snap-stop
- scroll-snap-type
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
Interactivity 8
Accessibility 1
Syntax & rules 9
Check how values, selectors, conditions and layers combine.
Syntax & rules 6
Migration 3
Tokens & namespaces 22
Inspect preset values and the utilities that consume them.
Directives & settings 10
Check stylesheet authoring contracts and their scope.
Tools & APIs 44
Find command, tool and public package contracts.
MCP tools 20
- mastercss_workspace_info
- mastercss_setup_audit
- mastercss_inspect_class
- mastercss_trace_class
- mastercss_extract_classes
- mastercss_inspect_directives
- mastercss_render_css
- mastercss_scan_project
- mastercss_repo_context
- mastercss_change_impact
- mastercss_test_router
- mastercss_package_graph
- mastercss_manifest_query
- mastercss_css_compare
- mastercss_lint_project
- mastercss_lint_content
- mastercss_suggest_syntax
- mastercss_preview_fixes
- mastercss_preview_directive_format
- mastercss_apply_preview
CLI commands 4
Package APIs 20
- @master/css-astro
- @master/css-compiler
- @master/create-css
- @master/css
- @master/css-svelte-addon
- @master/eslint-config-css
- @master/eslint-plugin-css
- @master/css-language-server
- @master/css-language-service
- @master/css-mcp
- @master/css-next
- @master/css-nuxt
- @master/css-preset
- @master/css-runtime
- @master/css-schema
- @master/css-server
- @master/css-svelte
- @master/css-tooling
- @master/css-vite
- @master/css-webpack
#
- @master/create-cssPackage APIs
- @master/cssPackage APIs
- @master/css-astroPackage APIs
- @master/css-compilerPackage APIs
- @master/css-language-serverPackage APIs
- @master/css-language-servicePackage APIs
- @master/css-mcpPackage APIs
- @master/css-nextPackage APIs
- @master/css-nuxtPackage APIs
- @master/css-presetPackage APIs
- @master/css-runtimePackage APIs
- @master/css-schemaPackage APIs
- @master/css-serverPackage APIs
- @master/css-sveltePackage APIs
- @master/css-svelte-addonPackage APIs
- @master/css-toolingPackage APIs
- @master/css-vitePackage APIs
- @master/css-webpackPackage APIs
- @master/eslint-config-cssPackage APIs
- @master/eslint-plugin-cssPackage APIs
A
- accent-colorColor & Backgrounds
- align-contentFlexbox & Grid
- align-itemsFlexbox & Grid
- align-selfFlexbox & Grid
- animateTokens & namespaces
- animationMotion
- animation-delayMotion
- animation-directionMotion
- animation-durationMotion
- animation-fill-modeMotion
- animation-iteration-countMotion
- animation-nameMotion
- animation-play-stateMotion
- animation-timing-functionMotion
- appearanceInteractivity
- aspect-ratioSizing
B
- backdrop-filterEffects
- backgroundColor & Backgrounds
- background-attachmentColor & Backgrounds
- background-blend-modeColor & Backgrounds
- background-clipColor & Backgrounds
- background-colorColor & Backgrounds
- background-imageColor & Backgrounds
- background-originColor & Backgrounds
- background-positionColor & Backgrounds
- background-repeatColor & Backgrounds
- background-sizeColor & Backgrounds
- borderBorders & Outlines
- border-collapseBorders & Outlines
- border-colorBorders & Outlines
- border-imageBorders & Outlines
- border-image-outsetBorders & Outlines
- border-image-repeatBorders & Outlines
- border-image-sliceBorders & Outlines
- border-image-sourceBorders & Outlines
- border-image-widthBorders & Outlines
- border-radiusBorders & Outlines
- border-styleBorders & Outlines
- border-widthBorders & Outlines
- box-decoration-breakBorders & Outlines
- box-shadowEffects
- box-sizingLayout
- break-afterLayout
- break-beforeLayout
- break-insideLayout
- breakpointTokens & namespaces
- BreakpointsTokens & namespaces
C
- Candidate policyDirectives & settings
- caret-colorColor & Backgrounds
- Cascade layersSyntax & rules
- clearLayout
- clip-pathShapes & Masks
- colorColor & Backgrounds
- colorTokens & namespaces
- color-lineTokens & namespaces
- color-surfaceTokens & namespaces
- color-textTokens & namespaces
- column-spanLayout
- columnsLayout
- Conditional blocksDirectives & settings
- ConditionsSyntax & rules
- containLayout
- containerTokens & namespaces
- ContainersTokens & namespaces
- contentTypography
- contentTokens & namespaces
- counter-incrementTypography
- counter-resetTypography
- counter-setTypography
- cursorInteractivity
D
E
F
- fillMedia & SVG
- filterEffects
- flexFlexbox & Grid
- flex-basisFlexbox & Grid
- flex-directionFlexbox & Grid
- flex-growFlexbox & Grid
- flex-shrinkFlexbox & Grid
- flex-wrapFlexbox & Grid
- floatLayout
- font-familyTypography
- font-familyTokens & namespaces
- font-featureTokens & namespaces
- font-feature-settingsTypography
- font-sizeTypography
- font-sizeTokens & namespaces
- font-smoothTypography
- font-styleTypography
- font-variant-numericTypography
- font-weightTypography
- font-weightTokens & namespaces
G
- gapSpacing
- gridFlexbox & Grid
- grid-areaFlexbox & Grid
- grid-auto-columnsFlexbox & Grid
- grid-auto-flowFlexbox & Grid
- grid-auto-rowsFlexbox & Grid
- grid-columnFlexbox & Grid
- grid-columnsFlexbox & Grid
- grid-rowFlexbox & Grid
- grid-rowsFlexbox & Grid
- grid-templateFlexbox & Grid
- grid-template-areasFlexbox & Grid
- grid-template-columnsFlexbox & Grid
- grid-template-rowsFlexbox & Grid
H
I
J
L
M
- marginSpacing
- mask-imageShapes & Masks
- master-css generateCLI commands
- master-css inspectCLI commands
- master-css lintCLI commands
- master-css migrateCLI commands
- mastercss_apply_previewMCP tools
- mastercss_change_impactMCP tools
- mastercss_css_compareMCP tools
- mastercss_extract_classesMCP tools
- mastercss_inspect_classMCP tools
- mastercss_inspect_directivesMCP tools
- mastercss_lint_contentMCP tools
- mastercss_lint_projectMCP tools
- mastercss_manifest_queryMCP tools
- mastercss_package_graphMCP tools
- mastercss_preview_directive_formatMCP tools
- mastercss_preview_fixesMCP tools
- mastercss_render_cssMCP tools
- mastercss_repo_contextMCP tools
- mastercss_scan_projectMCP tools
- mastercss_setup_auditMCP tools
- mastercss_suggest_syntaxMCP tools
- mastercss_test_routerMCP tools
- mastercss_trace_classMCP tools
- mastercss_workspace_infoMCP tools
- max-heightSizing
- max-sizeMigration
- max-widthSizing
- min-heightSizing
- min-sizeMigration
- min-widthSizing
- mix-blend-modeEffects
N
O
- object-fitMedia & SVG
- object-positionMedia & SVG
- opacityEffects
- orderFlexbox & Grid
- orderTokens & namespaces
- outlineBorders & Outlines
- outline-colorBorders & Outlines
- outline-offsetBorders & Outlines
- outline-styleBorders & Outlines
- outline-widthBorders & Outlines
- overflowLayout
- overflow-wrapTypography
- overscroll-behaviorInteractivity
P
R
S
- screen-readersAccessibility
- scroll-behaviorMotion
- scroll-marginSpacing
- scroll-paddingSpacing
- scroll-snap-alignMotion
- scroll-snap-stopMotion
- scroll-snap-typeMotion
- SelectorsSyntax & rules
- shadowTokens & namespaces
- shape-image-thresholdShapes & Masks
- shape-marginShapes & Masks
- shape-outsideShapes & Masks
- sizeMigration
- Source boundariesDirectives & settings
- spacingTokens & namespaces
- strokeMedia & SVG
- stroke-widthMedia & SVG
T
- text-alignTypography
- text-decorationTypography
- text-decoration-colorTypography
- text-decoration-lineTypography
- text-decoration-styleTypography
- text-decoration-thicknessTypography
- text-fill-colorTypography
- text-indentTypography
- text-orientationTypography
- text-overflowTypography
- text-renderingTypography
- text-shadowTypography
- text-sizeTypography
- text-strokeTypography
- text-stroke-colorTypography
- text-stroke-widthTypography
- text-transformTypography
- text-underline-offsetTypography
- text-wrapTypography
- Theme and variantsDirectives & settings
- touch-actionInteractivity
- trackingTokens & namespaces
- transformTransforms
- transform-boxTransforms
- transform-originTransforms
- transform-styleTransforms
- transitionMotion
- transition-delayMotion
- transition-durationMotion
- transition-propertyMotion
- transition-timing-functionMotion