Closed (fixed)
Project:
Drupal core
Version:
11.x-dev
Component:
CSS
Priority:
Normal
Category:
Task
Assigned:
Unassigned
Reporter:
Created:
22 Jan 2026 at 16:07 UTC
Updated:
17 Feb 2026 at 09:19 UTC
Jump to comment: Most recent
If I add something like this to my site and run the stylelint, I get an error (unknown unit)
.class {
height: 100dvh;
}
Described above.
Here's an explainer about these units: https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4
Add the following to the allow units list: dvh, svh, lvh, dvw, svw, lvw since they are all valid CSS units (especially in an era of mobile design).
Create MR
None
None
None
None
dvh, svh, lvh, dvw, svw, lvw are now allowed units in our .stylelintrc.json config.
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
markconroy commentedComment #3
markconroy commentedComment #5
markconroy commentedComment #6
cilefen commentedIn #3447942: Update stylelint rule unit-allowed-list to include container query units, this was the CSS component, so I'm just moving it there and updating the category to match. I don't see a reason not to do this.
Comment #9
catchCommitted/pushed to main and 11.x, thanks!