Skip to content

CRMR: replace gale with stylelint for CSS linting - #6

Merged
codebend3r merged 1 commit into
mainfrom
remove-gale
Sep 5, 2026
Merged

codebend3r merged 1 commit into
mainfrom
remove-gale

Conversation

@codebend3r

Copy link
Copy Markdown
Owner

Changes

  • drop @lyricalstring/gale from devDependencies, trustedDependencies, and lint-staged
  • add stylelint, stylelint-config-standard, stylelint-config-standard-scss
  • lint:css/lint:css:fix and the *.{css,scss} lint-staged entry run stylelint
  • stylelint.config.js scopes the camelCase selector-class-pattern to *.module.{css,scss} so global sheets keep third-party .hljs-* names
  • media-feature-range-notation pinned to prefix — range syntax (width <= 640px) is newer than Vite's default build target
  • custom-property-empty-line-before off (blank lines group the global.css tokens) and no-descending-specificity off (base/variant module pattern trips it without a cascade conflict)
  • autofix across src/**/*.css: modern rgb() notation, #fff shorthand, blank line between rules
  • DesignSystem.module.css swaps deprecated word-break: break-word for overflow-wrap
  • global.css quotes Roboto/SFMono-Regular/Menlo/Consolas so value-keyword-case doesn't lowercase them
  • pr-format skill examples reference stylelint

Test notes

  • no gale-era config existed, so the rule set is stylelint-config-standard minus the three deviations above

- drop `@lyricalstring/gale` from `devDependencies`, `trustedDependencies`, and `lint-staged`
- add `stylelint`, `stylelint-config-standard`, `stylelint-config-standard-scss`
- `lint:css`/`lint:css:fix` and the `*.{css,scss}` `lint-staged` entry run `stylelint`
- `stylelint.config.js` scopes `selector-class-pattern` camelCase to `*.module.{css,scss}` so global sheets keep third-party `.hljs-*` names
- pin `media-feature-range-notation` to `prefix` — range syntax is newer than Vite's default build target
- disable `custom-property-empty-line-before` and `no-descending-specificity`
- autofix CSS: modern `rgb()` notation, `#fff` shorthand, blank line between rules
- `DesignSystem.module.css` swaps deprecated `word-break: break-word` for `overflow-wrap`
- quote `Roboto`/`SFMono-Regular`/`Menlo`/`Consolas` in `global.css` font stacks to keep their casing
- `pr-format` skill examples reference `stylelint`
@netlify

netlify Bot commented Sep 5, 2026

Copy link
Copy Markdown

Deploy Preview for crammr ready!

Name Link
🔨 Latest commit ad81671
🔍 Latest deploy log https://app.netlify.com/projects/crammr/deploys/6a9c81a97a886b0008b8002b
😎 Deploy Preview https://deploy-preview-6--crammr.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@codebend3r
codebend3r merged commit a122969 into main Sep 5, 2026
6 checks passed
@codebend3r
codebend3r deleted the remove-gale branch September 5, 2026 20:56
codebend3r added a commit that referenced this pull request Sep 6, 2026
## Changes

- drop `@lyricalstring/gale` from `devDependencies`,
`trustedDependencies`, and `lint-staged`
- add `stylelint`, `stylelint-config-standard`,
`stylelint-config-standard-scss`
- `lint:css`/`lint:css:fix` and the `*.{css,scss}` `lint-staged` entry
run `stylelint`
- `stylelint.config.js` scopes the camelCase `selector-class-pattern` to
`*.module.{css,scss}` so global sheets keep third-party `.hljs-*` names
- `media-feature-range-notation` pinned to `prefix` — range syntax
(`width <= 640px`) is newer than Vite's default build target
- `custom-property-empty-line-before` off (blank lines group the
`global.css` tokens) and `no-descending-specificity` off (base/variant
module pattern trips it without a cascade conflict)
- autofix across `src/**/*.css`: modern `rgb()` notation, `#fff`
shorthand, blank line between rules
- `DesignSystem.module.css` swaps deprecated `word-break: break-word`
for `overflow-wrap`
- `global.css` quotes `Roboto`/`SFMono-Regular`/`Menlo`/`Consolas` so
`value-keyword-case` doesn't lowercase them
- `pr-format` skill examples reference `stylelint`

## Test notes

- no gale-era config existed, so the rule set is
`stylelint-config-standard` minus the three deviations above
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant