Unclaimed project
Are you a maintainer of styled-components? Claim this project to take control of your public changelog and roadmap.
Changelog
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Last updated about 8 hours ago
7ff7002: Fix: Line comments (//) in multiline CSS declarations no longer cause parsing errors (fixes #5613)
JS-style line comments (//) placed after multiline declarations like calc() were not being properly stripped, causing CSS parsing issues. Comments are now correctly removed anywhere in the CSS while preserving valid syntax.
Example that now works:
const Box = styled.div`
max-height: calc(100px + 200px + 300px); // This comment no longer breaks parsing
background-color: green;
`;
7ff7002: Fix: Contain invalid CSS syntax to just the affected line
In styled-components v6, invalid CSS syntax (like unbalanced braces) could cause all subsequent styles to be ignored. This fix ensures that malformed CSS only affects the specific declaration, not subsequent valid styles.
Example that now works:
const Circle = styled.div`
width: 100px;
line-height: ${() => '14px}'}; // ⛔️ This malformed line is dropped
background-color: green; // ✅ Now preserved (was ignored in v6)
`;
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.