Skip to content

Commit 550d643

Browse files
committed
Fix typo
1 parent 7da4868 commit 550d643

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

README.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Svelte preprocess CSS Modules
22

3-
Generate CSS Modules classname on Svelte components
3+
Generate CSS Modules classnames on Svelte components
44

55
```bash
66
npm install --save-dev svelte-preprocess-cssmodules
@@ -13,7 +13,7 @@ npm install --save-dev svelte-preprocess-cssmodules
1313
- [Class directive](#class-directive)
1414
- [Local selector](#local-selector)
1515
- [CSS binding](#css-binding)
16-
- [Passing scoped className to child components](#passing-scoped-classname-to-child-components)
16+
- [Scoped class on child components](#scoped-class-on-child-components)
1717
- [Import styles from an external stylesheet](#import-styles-from-an-external-stylesheet)
1818
- [Destructuring import](#destructuring-import)
1919
- [kebab-case situation](#kebab-case-situation)
@@ -165,7 +165,7 @@ _generating_
165165

166166
Force a selector to be scoped within its component to prevent style inheritance on child components.
167167

168-
`:local()` is doing the opposite of `:global()` and can only be used with the `native` and `mixed` modes on ([see preprocessor modes](#preprocessor-modes)). The svelte scoping is applied to the selector inside `:local()`.
168+
`:local()` is doing the opposite of `:global()` and can only be used with the `native` and `mixed` modes ([see preprocessor modes](#preprocessor-modes)). The svelte scoping is applied to the selector inside `:local()`.
169169

170170
```html
171171
<!-- Parent Component -->
@@ -298,7 +298,7 @@ A scoped css variable, binding the declared statement, will be created on the co
298298
</style>
299299
```
300300

301-
An object property can also be targetted if wrapped with quotes.
301+
An object property can also be targetted and must be wrapped with quotes.
302302

303303
```html
304304
<script>
@@ -348,9 +348,9 @@ _generating_
348348
</style>
349349
```
350350

351-
### Passing scoped className to child components
351+
### Scoped class on child components
352352

353-
CSS Modules allows you to pass a scoped className to a child component giving the possibility to style it from its parent. (Only with the `native` and `mixed` modes – [See preprocessor modes](#preprocessor-modes).
353+
CSS Modules allows you to pass a scoped classname to a child component giving the possibility to style it from its parent. (Only with the `native` and `mixed` modes – [See preprocessor modes](#preprocessor-modes)).
354354

355355
```html
356356
<!-- Child Component Button.svelte -->
@@ -424,7 +424,7 @@ _generating_
424424

425425
## Import styles from an external stylesheet
426426

427-
Alternatively, styles can be created into an external file and imported onto a svelte component. The name referring to the import can then be used on the markup to target any existing class name of the stylesheet.
427+
Alternatively, styles can be created into an external file and imported onto a svelte component. The name referring to the import can then be used on the markup to target any existing classname of the stylesheet.
428428

429429
- The option `parseExternalStylesheet` need to be enabled.
430430
- The css file must follow the convention `[FILENAME].module.css` in order to be processed.
@@ -542,7 +542,7 @@ The kebab-case class names are being transformed to a camelCase version to facil
542542

543543
### Unnamed import
544544

545-
If a css file is being imported without a name, the cssModules will still apply to the classes of the stylesheet.
545+
If a css file is being imported without a name, CSS Modules will still apply to the classes of the stylesheet.
546546

547547
```css
548548
/** style.module.css **/
@@ -719,7 +719,7 @@ Pros:
719719

720720
Cons:
721721

722-
- does not pass scoped class name to child components
722+
- does not pass scoped classname to child components
723723

724724
### Comparative
725725

@@ -930,7 +930,7 @@ The list of available keys are:
930930

931931
- `style` the content of the style tag (or the imported stylesheet)
932932
- `filepath` the path of the component
933-
- `classname` the local className
933+
- `classname` the local classname
934934

935935
*Example of use: creating a common hash per component*
936936
```js
@@ -1014,7 +1014,7 @@ Inspired by [webpack interpolateName](https://github.com/webpack/loader-utils#in
10141014

10151015
#### `useAsDefaultScoping`
10161016

1017-
Globally replace the default svelte scoping by the cssModules scoping. As a result, the `module` attribute to `<style>` becomes unnecessary.
1017+
Globally replace the default svelte scoping by the CSS Modules scoping. As a result, the `module` attribute to `<style>` becomes unnecessary.
10181018

10191019

10201020
```js

0 commit comments

Comments
 (0)