0004953: Implement CSS nesting - Composr CMS feature tracker

ID	Project	Category	View Status	Date Submitted	Last Update

0004953	Composr	core	public	2022-09-27 17:30	2024-08-04 22:25

Reporter	Chris Graham	Assigned To
Severity	Feature-request
Status	non-assigned	Resolution	open
Product Version
Fixed in Version

Summary	0004953: Implement CSS nesting
Description	W3C are working on a spec to allow nesting: https://drafts.csswg.org/css-nesting/ It would make our CSS more readable. It's a problem how complex and convoluted CSS has become, and this helps solve that. At the time of writing no browsers support it. Consider switching our CSS to use it once possible. Maybe even a tool can automatically apply the changes. Even if not all main browsers support it, we could consider compiling to regular CSS as part of our CSS processing. Probably someone will even make a tool for that.
Tags	Roadmap: Over the horizon, Type: Standards compliance

Time estimation (hours)	16
Sponsorship open

Chris Graham 2024-08-04 20:40 administrator ~0009078	This is now widely supported. https://caniuse.com/?search=css%20nesting

Patrick Schmalstig 2024-08-04 22:25 administrator ~0009089 Last edited: 2024-08-04 22:25 View 2 revisions	I don't know if I like it personally. For me, the non-nested version is more readable and understandable because then I don't have to keep scrolling up to see which classes / selectors apply to what. I'd definitely like to also implement to/from compiler tools along with this.

Date Modified	Username	Field	Change
2022-09-27 17:30	Chris Graham	New Issue
2022-09-27 17:30	Chris Graham	Tag Attached: Type: Standards compliance
2024-08-04 20:40	Chris Graham	Summary	Implement CSS nesting (holding issue) => Implement CSS nesting
2024-08-04 20:40	Chris Graham	Note Added: 0009078
2024-08-04 22:25	Patrick Schmalstig	Note Added: 0009089
2024-08-04 22:25	Patrick Schmalstig	Tag Attached: Roadmap: Over the horizon
2024-08-04 22:25	Patrick Schmalstig	Note Edited: 0009089	View Revisions