feat(o-section): add style-accent section variant#623
Merged
Conversation
Add o-section--style-accent and section--accent using global warning colors for background and line. Update demo, Fractality config, readme, and custom selectors; rebuild dist bundles. Add .cursor/rules screenshot tag-team workflow (force-tracked). Made-with: Cursor
Review Summary by QodoAdd style-accent section variant with warning colors
WalkthroughsDescription• Adds new o-section--style-accent and section--accent variant • Uses warning color palette for yellow accent styling • Updates section selector definitions and demo templates • Rebuilds affected dist CSS bundles with new variant • Adds Cursor screenshot tag-team workflow documentation Diagramflowchart LR
A["o-section component"] -->|adds accent variant| B["o-section--style-accent"]
B -->|uses colors| C["warning palette"]
C -->|background| D["warning--x-light"]
C -->|border line| E["warning--dark"]
F["Custom selectors"] -->|updated| G["o-section.selectors.css"]
H["Demo template"] -->|includes| I["accent section example"]
J["Dist bundles"] -->|rebuilt| K["core-styles.docs.css"]
K -->|includes| L["o-section.css"]
File Changes1. src/lib/_imports/objects/o-section.css
|
Code Review by Qodo🐞 Bugs (0) 📘 Rule violations (0) 📎 Requirement gaps (0)
Great, no issues found!Qodo reviewed your code and found no material issues that require reviewⓘ The new review experience is currently in Beta. Learn more |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Overview
Adds an
o-section--style-accentvariant (pale blue band).Related
Changes
section…accentdist/Testing
npm run build:css— confirmdist/objects/o-section.cssincludes accent selectors and warning tokensnpm start— open o-section--style-accent and confirm it reads clearly next to default, muted, and nested variantsUI
Notes
Aggregated
dist/edits (e.g.core-styles.*.css,x-blockquote,x-figure,html-elements.docs) are from the shared CSS build picking up selector list changes, not separate feature work.