diff --git a/order.js b/order.js index 370a40c..b44216f 100644 --- a/order.js +++ b/order.js @@ -32,16 +32,34 @@ module.exports = { // Position 'position', + 'inset', + 'inset-inline', + 'inset-inline-start', + 'inset-inline-end', + 'inset-block', + 'inset-block-start', + 'inset-block-end', 'top', 'right', 'bottom', 'left', + 'contain', + 'contain-intrinsic-size', + 'contain-intrinsic-inline-size', + 'contain-intrinsic-width', + 'contain-intrinsic-block-size', + 'contain-intrinsic-height', + 'isolation', 'z-index', // General appearance 'appearance', // Box model + 'direction', + 'container', + 'container-name', + 'container-type', 'display', 'flex', 'flex-grow', @@ -70,6 +88,8 @@ module.exports = { 'grid-row-gap', 'columns', 'column-count', + 'column-fill', + 'column-span', 'column-width', 'column-rule', 'column-rule-width', @@ -78,12 +98,18 @@ module.exports = { 'gap', 'column-gap', 'row-gap', + 'place-self', + 'place-content', + 'place-items', 'align-self', 'align-content', 'align-items', 'justify-self', 'justify-content', + 'justify-items', 'order', + 'table-layout', + 'empty-cells', 'shape-outside', 'shape-image-threshold', 'shape-margin', @@ -130,48 +156,82 @@ module.exports = { 'margin-left', 'overflow', 'overflow-inline', - 'overflow-block', 'overflow-x', + 'overflow-block', 'overflow-y', + 'overflow-anchor', // Typography 'font', 'font-style', 'font-weight', 'font-size', + 'font-size-adjust', 'line-height', 'font-family', 'font-variant', + 'font-variant-alternates', + 'font-variant-caps', + 'font-variant-east-asian', + 'font-variant-emoji', + 'font-variant-ligatures', + 'font-variant-numeric', + 'font-variant-position', + 'font-feature-settings', + 'font-stretch', + 'font-synthesis', + 'font-synthesis-weight', + 'font-synthesis-style', + 'font-synthesis-small-caps', + 'font-synthesis-position', + 'font-kerning', + 'font-optical-sizing', + 'font-palette', 'font-display', 'src', 'letter-spacing', + 'quotes', 'text-align', + 'text-align-last', + 'text-indent', 'text-decoration', 'text-decoration-color', 'text-decoration-line', 'text-decoration-style', 'text-decoration-thickness', + 'text-decoration-skip-ink', + 'text-underline-offset', + 'text-underline-position', 'text-overflow', 'text-shadow', + 'text-rendering', 'text-size-adjust', 'text-transform', + 'text-wrap', + 'text-wrap-mode', + 'text-wrap-style', 'writing-mode', 'white-space', + 'white-space-collapse', 'word-break', + 'word-spacing', 'overflow-wrap', 'hyphens', 'vertical-align', 'list-style', + 'list-style-image', 'list-style-position', 'list-style-type', 'counter-increment', 'counter-reset', + 'counter-set', // Decorations + 'color-scheme', 'color', + 'color-interpolation', + 'accent-color', 'border', - 'border-inline', - 'border-block', 'border-width', 'border-style', 'border-color', @@ -231,6 +291,7 @@ module.exports = { 'border-bottom-right-radius', 'border-bottom-left-radius', 'border-collapse', + 'border-spacing', 'background', 'background-image', 'background-position', @@ -242,22 +303,59 @@ module.exports = { 'background-origin', 'background-clip', 'background-color', + 'background-blend-mode', + 'paint-order', 'stroke', 'fill', 'outline', + 'outline-color', + 'outline-style', + 'outline-width', + 'outline-offset', + 'box-decoration-break', 'box-shadow', // Effects and transforms 'visibility', 'opacity', + 'mix-blend-mode', 'filter', + 'backdrop-filter', + 'mask', + 'mask-clip', + 'mask-composite', + 'mask-image', + 'mask-mode', + 'mask-origin', + 'mask-position', + 'mask-repeat', + 'mask-size', + 'mark-border', + 'mask-border-mode', + 'mask-border-outset', + 'mask-border-repeat', + 'mask-border-slice', + 'mask-border-source', + 'mask-border-width', + 'mask-type', + 'translate', + 'rotate', + 'scale', + 'perspective', + 'perspective-origin', 'transform', + 'transform-box', 'transform-origin', + 'transform-style', + 'backface-visibility', + 'image-orientation', + 'image-rendering', // Interactions 'user-select', 'pointer-events', 'resize', + 'touch-action', 'scroll-behavior', 'scroll-snap-type', 'scroll-padding', @@ -284,7 +382,16 @@ module.exports = { 'scroll-margin-bottom', 'scroll-margin-left', 'scroll-snap-stop', + 'overscroll-behavior', + 'overscroll-behavior-inline', + 'overscroll-behavior-block', + 'overscroll-behavior-x', + 'overscroll-behavior-y', + 'caret-color', 'cursor', + 'scrollbar-color', + 'scrollbar-gutter', + 'scrollbar-width', // Transitions and animations 'transition', @@ -292,6 +399,7 @@ module.exports = { 'transition-duration', 'transition-timing-function', 'transition-delay', + 'transition-behavior', 'animation', 'animation-name', 'animation-duration',