Skip to content

Commit 955063e

Browse files
committed
makes some small grammar edits
1 parent bad16d6 commit 955063e

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -294,7 +294,7 @@ If you must use an ID selector in the first place (and you should really try not
294294
295295
## Scoutside CSS Implementation
296296
297-
### Use BEM.
297+
### Use BEM
298298
299299
It may seem a little tricky and tedious at first, but writing clean, unnested BEM reduces nasty css side-effects and makes it easy to understand how classes relate to one another.
300300
@@ -337,9 +337,9 @@ If this h1 style is used in a new context, we need to do extra work to locate an
337337
}
338338
```
339339
340-
Everything written within the selector above is technically also considered nesting, however, since it directly relates to the selector and does not limit it to a specific context, it makes sense to nest psuedo-elements, modifier classes, and media queries.
340+
Everything written within the selector above is technically also considered nesting, however, since it directly relates to the selector and does not limit it to a specific context, it makes sense to nest media queries, psuedo-elements, modifier classes.
341341
342-
### Only nest css when there are no other practical options.
342+
### Only nest css when there are no other practical options
343343
344344
Nesting css puts our styles in highly specific contexts and makes it difficult to move components around the site. We should write anything as if it could be reused in a different context from the one it was originally designed for. This way we save precious time and energy when components pop up in different places, as designers build new pages, features, etc.
345345
@@ -470,7 +470,7 @@ button {
470470
471471
By giving everything a class name, our styles are portable and markup-independent. It might seem difficult to give everything a class name, but the BEM convention makes this easier. Because this style of coding is so "class driven", it is makes sense to have the class attribute as the first attribute on any element.
472472
473-
### Write media queries within selectors.
473+
### Write media queries within selectors
474474
475475
Nesting all styles within a single media query for each breakpoint causes excessive scrolling and the mental burden of remembering what the styles were at previous breakpoints.
476476

0 commit comments

Comments
 (0)