canonical / canonical/vanilla-framework
Baseline grid toggle is unstyled on standalone examples
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
**Describe the bug**
Styling for the switch component is not imported into the examples stylesheet `examples.scss`, so the baseline grid switch is unstyled on standalone examples unless the example imports the switch component itself.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to a standalone example that does not import switch. For example: [Buttons combined](https://vanillaframework.io/docs/examples/standalone/patterns/buttons/combined?theme=light)
2. Verify that the baseline grid toggle is unstyled.
3. Go to a standalone example that does import the switch. For example: [Switch](https://vanillaframework.io/docs/examples/standalone/patterns/switch?theme=light)
4. Verify that the baseline grid toggle is styled.
**Expected behavior**
Baseline grid toggle switch is always styled.
**Screenshots**
Contributor guide
Research direction
Inspect examples.scss and compare the standalone Buttons combined and Switch examples linked in the issue. Verify how switch styling is available in each case, then confirm that the baseline grid toggle is styled in standalone examples that do not import the switch component.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, sass
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100