You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -427,7 +432,7 @@ If you use Sublime Text editor then install [this package](https://github.com/at
427
432
428
433
## Naming conventions
429
434
430
-
Always ensure classes are sensibly named; keep them as short as possible but as long as necessary. Ensure any utilities are very vaguely named (e.g. `.u-display-block`, `.u-divider`) to allow for greater reuse. Don’t worry about the amount or length of classes in your markup; gzip will compress well written code incredibly well.
435
+
Always ensure classes are sensibly named; keep them as short as possible but as long as necessary. Ensure any utilities are very vaguely named (e.g. `.text-center`, `.clearfix`) to allow for greater reuse. Don’t worry about the amount or length of classes in your markup; gzip will compress well written code incredibly well.
431
436
432
437
**ID's cannot be used as style hooks**, [see](http://cssguidelin.es/#ids-in-css).
433
438
@@ -442,13 +447,13 @@ Kickoff's naming convention is similar to BEM, it is a methodology for naming an
442
447
The naming convention follows this pattern:
443
448
444
449
```
445
-
.block{}
446
-
.block-element{}
447
-
.block--modifier{}
450
+
.block{}
451
+
.block-element{}
452
+
.block--modifier{}
448
453
```
449
454
450
455
-`.block` represents the higher level of an abstraction or component.
451
-
-`.block-element` represents a descendent of `.block` that helps form `.block` as a whole.
456
+
-`.block-element` represents a descendent/child of `.block` that helps form `.block` as a whole.
452
457
-`.block--modifier` represents a different state or version of `.block`.
We should document and comment our code as much as we possibly can, what may seem or feel transparent and self explanatory to you may not be to another dev. Write a chunk of code then write about it.
0 commit comments