Advertisement
Guest User

SASS + BEM with CamelCase-syntax

a guest
Jun 2nd, 2016
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.46 KB | None | 0 0
  1. .FeaturedProduct { // Block: .FeaturedProduct
  2.  
  3. &--onSale { // Modifier: .FeaturedProduct--onSale
  4. ...
  5. }
  6.  
  7. &-header {
  8. // Element: .FeaturedProduct-header
  9. ...
  10. }
  11.  
  12. &-img {
  13. // Element: .FeaturedProduct-img
  14. ...
  15. }
  16.  
  17. &Wrapper {
  18. // Block: .FeaturedProductWrapper. This is a block (usually without any elements belonging to it) that wraps the .FeaturedProductBlock. It's just a wrapper, for when you need it.
  19. ...
  20. }
  21. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement