Fetching documentation…
Severity: warning | Blocks morph build: no
Status: documented rule —
morph checkdoes not report this code yet. The underlying problem still breaks your build or your UI; the cause and fix below apply when you hit it.
A .css file imported by your app uses a property Morph does not support:
warning : mx-css-prop : Unsupported CSS property `float` in app.css (line 4)
hint: Use Flexbox (`display: flex`) — see the supported CSS list
Learn more: https://morph.levizr.com/docs/errors/mx-css-propThis is a warning: the build proceeds and the declaration is skipped.
CSS files are parsed at compile time into the same native style structs as inline styles. Unsupported properties have no native field, so they are dropped. The warning names the file and line so you can find the dead declaration — without it, your stylesheet would silently do less than it says. The inline-style equivalent is mx-style-prop (an error); the file variant warns because stylesheets are often shared or generated.
/* ⚠️ app.css — float is dropped with mx-css-prop */
.card {
float: left;
width: 200px;
}/* ✅ Flexbox-based layout */
.row {
display: flex;
flex-direction: row;
}
.card {
width: 200px;
}Steps:
morph check.{
"lint": {
"disable": ["mx-css-prop"]
}
}Escalate to error if your team wants stylesheets held to the same bar as inline styles:
{
"lint": {
"severities": { "mx-css-prop": "error" }
}
}