Skip to content

Instantly share code, notes, and snippets.

@guillaumefalvet
Created July 17, 2025 14:10
Show Gist options
  • Select an option

  • Save guillaumefalvet/d651f8cfb0af8f154cfdf26fa4e16d8a to your computer and use it in GitHub Desktop.

Select an option

Save guillaumefalvet/d651f8cfb0af8f154cfdf26fa4e16d8a to your computer and use it in GitHub Desktop.
post css order
"postcssSorting.config": {
"order": [
"custom-properties",
"dollar-variables",
"declarations",
"at-rules",
"rules"
],
"properties-order": [
// Layout & Positioning
"display",
"visibility",
"position",
"top",
"right",
"bottom",
"left",
"z-index",
"float",
"clear",
// Box Model
"box-sizing",
"width",
"min-width",
"max-width",
"height",
"min-height",
"max-height",
"margin",
"padding",
"overflow",
// Flex & Grid
"flex",
"flex-grow",
"flex-shrink",
"flex-basis",
"flex-direction",
"flex-wrap",
"justify-content",
"align-items",
"align-content",
"order",
"grid",
"grid-template-columns",
"grid-template-rows",
"grid-area",
"grid-column",
"grid-row",
// Typography
"font",
"font-family",
"font-size",
"font-weight",
"font-style",
"line-height",
"text-align",
"text-transform",
"text-decoration",
"letter-spacing",
"word-spacing",
"color",
// Background & Borders
"background",
"background-color",
"background-image",
"background-position",
"background-size",
"background-repeat",
"border",
"border-width",
"border-style",
"border-color",
"border-radius",
"box-shadow",
"outline",
// Other Visual
"opacity",
"cursor",
"transition",
"transform",
"animation",
]
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment