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
-[Why using CSS Modules over Svelte scoping](#why-using-css-modules-over-svelte-scoping)
26
+
-[Why using CSS Modules over Svelte scoping](#why-using-css-modules-over-svelte-scoping)
27
27
-[Configuration](#configuration)
28
28
-[Rollup](#rollup)
29
29
-[Webpack](#webpack)
@@ -604,7 +604,7 @@ The mode can be **set globally from the config** or **locally to override the gl
604
604
605
605
### Native
606
606
607
-
It scopes classes with cssModules, anything else is unscoped.
607
+
Scopes classes with CSS Modules, anything else is unscoped.
608
608
609
609
Pros:
610
610
@@ -614,13 +614,13 @@ Pros:
614
614
615
615
Cons:
616
616
617
-
- does not scopes non class selectors.
618
-
- forces to write selectors with classes to be scoped to the component.
617
+
- does not scope non class selectors.
618
+
- forces to write selectors with classes.
619
619
- needs to consider third party plugins with `useAsDefaultScoping` on – [Read more](#useasdefaultscoping).
620
620
621
621
### Mixed
622
622
623
-
It scopes non-class selectors with svelte scoping in addition to `native` (same as preprocessor `v1`)
623
+
Scopes non-class selectors with svelte scoping in addition to `native` (same as preprocessor `v1`)
624
624
625
625
```html
626
626
<stylemodule="mixed">
@@ -631,7 +631,7 @@ It scopes non-class selectors with svelte scoping in addition to `native` (same
631
631
<pclass="red">My red text</p>
632
632
```
633
633
634
-
*generating*
634
+
_generating_
635
635
636
636
```html
637
637
<style>
@@ -691,7 +691,7 @@ Cons:
691
691
692
692
### Scoped
693
693
694
-
It scopes classes with svelte scoping in addition to `mixed`.
694
+
Scopes classes with svelte scoping in addition to `mixed`.
695
695
696
696
```html
697
697
<stylemodule="scoped">
@@ -702,7 +702,7 @@ It scopes classes with svelte scoping in addition to `mixed`.
702
702
<pclass="red">My red text</p>
703
703
```
704
704
705
-
*generating*
705
+
_generating_
706
706
707
707
```html
708
708
<style>
@@ -722,7 +722,7 @@ Cons:
722
722
723
723
- does not pass scoped class name to child components
724
724
725
-
## Why using CSS Modules over Svelte scoping
725
+
###Why using CSS Modules over Svelte scoping
726
726
727
727
-**On a full svelte application**: it is just a question of taste as the default svelte scoping is largely enough. Component styles will never inherit from other styling.
0 commit comments