Skip to content

Commit 82d70ee

Browse files
ro-savageTimer
authored andcommitted
Updated based on feedback
1 parent 3cb3304 commit 82d70ee

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

packages/react-scripts/template/README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
2424
- [Importing a Component](#importing-a-component)
2525
- [Code Splitting](#code-splitting)
2626
- [Adding a Stylesheet](#adding-a-stylesheet)
27+
- [Adding a CSS Modules stylesheet](#adding-a-css-modules-stylesheet)
2728
- [Post-Processing CSS](#post-processing-css)
2829
- [Adding a CSS Preprocessor (Sass, Less etc.)](#adding-a-css-preprocessor-sass-less-etc)
2930
- [Adding Images, Fonts, and Files](#adding-images-fonts-and-files)
@@ -513,11 +514,11 @@ In development, expressing dependencies this way allows your styles to be reload
513514

514515
If you are concerned about using Webpack-specific semantics, you can put all your CSS right into `src/index.css`. It would still be imported from `src/index.js`, but you could always remove that import if you later migrate to a different build tool.
515516

516-
## Adding a CSS Modules based stylesheet.
517+
## Adding a CSS Modules stylesheet
517518

518519
This project supports [CSS Modules](https://github.com/css-modules/css-modules) alongside regular stylesheets using the **[name].module.css** file naming convention. CSS Modules allows the scoping of CSS by automatically prefixing class names with a unique name and hash.
519520

520-
An advantge of this,is the ability to repeat the same classname within many CSS files without worrying about a clash.
521+
An advantage of this is the ability to repeat the same classname within many CSS files without worrying about a clash.
521522

522523
### `Button.module.css`
523524

@@ -555,7 +556,7 @@ No clashes from other `.button` classnames
555556
<div class="Button-module__button___1o1Ru"></div>
556557
```
557558

558-
**This is an optional feature.** Regular stylesheets and imported stylesheets are fully supported. CSS Modules are only added when explicted named as a css module stylesheet.
559+
**This is an optional feature.** Regular stylesheets and imported stylesheets are fully supported. CSS Modules are only added when explictly named as a css module stylesheet using the extension `.module.css`.
559560

560561
## Post-Processing CSS
561562

0 commit comments

Comments
 (0)