From 6c2a12118bda04be31402ffb70c2094f29be7930 Mon Sep 17 00:00:00 2001 From: Nathan Walker Date: Mon, 17 Nov 2025 08:57:08 -0800 Subject: [PATCH 1/2] feat: css grid --- src/removeUnsupported.js | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/removeUnsupported.js b/src/removeUnsupported.js index f8ba865..a2c6a3a 100644 --- a/src/removeUnsupported.js +++ b/src/removeUnsupported.js @@ -239,6 +239,22 @@ const supportedProperties = { "box-shadow": true, "clip-path": true, color: true, + "display": true, + gap: true, + "grid-area": true, + "grid-template-areas": true, + "grid-template-rows": true, + "grid-template-columns": true, + "grid-row-start": true, + "grid-row-end": true, + "grid-column-start": true, + "grid-column-end": true, + "grid-gap": true, + "row-gap": true, + "column-gap": true, + "grid-auto-rows": true, + "grid-auto-columns": true, + "grid-auto-flow": ["row", "column", "row dense", "column dense"], flex: true, "flex-grow": true, "flex-direction": true, @@ -269,11 +285,16 @@ const supportedProperties = { "margin-inline": true, "margin-inline-start": true, "margin-inline-end": true, + "max-height": true, + "max-width": true, "min-height": true, "min-width": true, "off-background-color": true, opacity: true, order: true, + "overflow": true, + "overflow-x": true, + "overflow-y": true, padding: true, "padding-block": true, "padding-bottom": true, From 2fea4d0b6bd36ec024b9268728881c3d313a4e19 Mon Sep 17 00:00:00 2001 From: Osei Fortune Date: Sun, 15 Mar 2026 22:08:41 -0400 Subject: [PATCH 2/2] chore: add supported props --- src/removeUnsupported.js | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/src/removeUnsupported.js b/src/removeUnsupported.js index a2c6a3a..c8e5e90 100644 --- a/src/removeUnsupported.js +++ b/src/removeUnsupported.js @@ -215,8 +215,10 @@ const supportedProperties = { "animation-iteration-count": true, "animation-name": true, "animation-timing-function": true, + "aspect-ratio": true, background: true, "background-color": true, + "background-clip": true, "background-image": true, "background-position": true, "background-repeat": ["repeat", "repeat-x", "repeat-y", "no-repeat"], @@ -236,30 +238,45 @@ const supportedProperties = { "border-top-right-radius": true, "border-top-width": true, "border-width": true, + bottom: true, "box-shadow": true, + "box-sizing": true, "clip-path": true, + clear: true, color: true, - "display": true, + display: true, gap: true, "grid-area": true, "grid-template-areas": true, "grid-template-rows": true, "grid-template-columns": true, + "grid-row": true, + "grid-row-gap": true, "grid-row-start": true, "grid-row-end": true, + "grid-column": true, + "grid-column-gap": true, "grid-column-start": true, "grid-column-end": true, "grid-gap": true, "row-gap": true, "column-gap": true, + "corner-shape-top-left": true, + "corner-shape-top-right": true, + "corner-shape-bottom-left": true, + "corner-shape-bottom-right": true, + "corner-shape": true, "grid-auto-rows": true, "grid-auto-columns": true, "grid-auto-flow": ["row", "column", "row dense", "column dense"], + filter: true, flex: true, + "flex-basis": true, "flex-grow": true, "flex-direction": true, "flex-shrink": true, "flex-wrap": true, + float: true, font: true, "font-family": true, "font-size": true, @@ -272,6 +289,7 @@ const supportedProperties = { "justify-content": true, "justify-items": true, "justify-self": true, + left: true, "letter-spacing": true, "line-height": true, margin: true, @@ -306,15 +324,22 @@ const supportedProperties = { "placeholder-color": true, "place-items": true, "place-self": true, + position: true, + right: true, "selected-tab-text-color": true, + "scrollbar-width": true, "tab-background-color": true, "tab-text-color": true, "tab-text-font-size": true, "text-transform": true, "text-align": ["left", "center", "right"], + "text-alignment": true, "text-decoration": ["none", "line-through", "underline"], + "text-overflow": true, "text-shadow": true, "text-transform": ["none", "capitalize", "uppercase", "lowercase"], + "text-wrap": true, + top: true, transform: true, rotate: true, "vertical-align": ["top", "center", "bottom", "stretch"],