Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create a SASS styleguide and choose a linter #2

Open
2 of 3 tasks
lili2311 opened this issue May 19, 2016 · 3 comments
Open
2 of 3 tasks

Create a SASS styleguide and choose a linter #2

lili2311 opened this issue May 19, 2016 · 3 comments
Assignees
@lili2311
Labels
frontend guidelines and docs sass
Milestone
Initial Project S...

Comments

@lili2311
Copy link
Member

lili2311 commented May 19, 2016 •
edited
Loading

  • Agree on SASS class names style guide based on BEM http://getbem.com/introduction/
  • Choose a linter to help enforce the guidelines
  • Create a StyleGuide section under README.md with the link to the chosen linter install instructions and style guide content.
@lili2311 lili2311 added this to the Initial Project Setup milestone May 22, 2016
@lili2311
Copy link
Member Author

BEM examples:
.cafe-info is the “block” or component
.cafe-info__image is an “element” within the block cafe-info
.cafe-info--hidden is a “modifier”, this represents a state of the block

@lili2311
Copy link
Member Author

https://packagecontrol.io/packages/SublimeLinter-contrib-sass-lint

@lili2311
Copy link
Member Author

lili2311 commented Oct 3, 2016

Linter: https://github.com/brigade/scss-lint

@lili2311 lili2311 self-assigned this Jan 21, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@lili2311 lili2311

Labels
frontend guidelines and docs sass
Projects
None yet
Milestone
Initial Project Setup
Development

No branches or pull requests
1 participant
@lili2311