Skip to content

Atom package to preview the full css selector generated from a scss selector

License

Notifications You must be signed in to change notification settings

Dhq/scss-preview-selector

Repository files navigation

Scss-preview-selector (Not ready)

Atom package to preview the full css selector generated from a scss selector. Your friend in the nesting-hell-abyss of all too many scss files.

Install

$ apm install scss-preview-selector

Or, Settings → Install → Search for scss-preview-selector

Usage

  • While having the marker on a selector in a scss file, open the Command Palette and type scss preview selector or use the default keybinding ctrl+shift+s.

Current limitations

  • Media queries will not be included in the resulting selector
  • You have to have the marker on the selector. Having it on a property will not be able to show the property's selector.
  • Selectors containing variables from other files wont work.
  • If the file is being imported in another file and the import statement is wrapped in a selector, it wont be recognized.

License

MIT

About

Atom package to preview the full css selector generated from a scss selector

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published