diff options
| author |  Masaki Koyanagi <mascii@gmail.com>
| 2023-09-12 01:26:45 +0900 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-09-11 18:26:45 +0200 |
| commit | 23f9536de0456ed2ddc9a77f7aef773ab6a8e73c (patch) | |
| tree | d5a639db1c1580e479e5e51e34a6744b47d9960f | |
| parent | 5e1099f686abcc7026bd4fa74727f3b311c6d6d6 (diff) | |
| download | astro-23f9536de0456ed2ddc9a77f7aef773ab6a8e73c.tar.gz astro-23f9536de0456ed2ddc9a77f7aef773ab6a8e73c.tar.zst astro-23f9536de0456ed2ddc9a77f7aef773ab6a8e73c.zip | |
chore: correct description of `attribute` option in `scopedStyleStrategy` (#8506)
* chore: correct description of `attribute` option in `scopedStyleStrategy`
* chore: fix typo (specifity -> specificity)
Diffstat (limited to '')
| -rw-r--r-- | .changeset/itchy-clouds-design.md | 5 | ||||
| -rw-r--r-- | packages/astro/src/@types/astro.ts | 8 |
2 files changed, 9 insertions, 4 deletions
diff --git a/.changeset/itchy-clouds-design.md b/.changeset/itchy-clouds-design.md new file mode 100644 index 000000000..b6d5046e3 --- /dev/null +++ b/.changeset/itchy-clouds-design.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +chore: correct description of `attribute` option in `scopedStyleStrategy` diff --git a/packages/astro/src/@types/astro.ts b/packages/astro/src/@types/astro.ts index 9a0cfd7ad..4210dd36d 100644 --- a/packages/astro/src/@types/astro.ts +++ b/packages/astro/src/@types/astro.ts @@ -618,12 +618,12 @@ export interface AstroUserConfig { * @description * * Specify the strategy used for scoping styles within Astro components. Choose from: - * - `'where'` - Use `:where` selectors, causing no specifity increase. - * - `'class'` - Use class-based selectors, causing a +1 specifity increase. - * - `'attribute'` - Use `data-` attributes, causing no specifity increase. + * - `'where'` - Use `:where` selectors, causing no specificity increase. + * - `'class'` - Use class-based selectors, causing a +1 specificity increase. + * - `'attribute'` - Use `data-` attributes, causing a +1 specificity increase. * * Using `'class'` is helpful when you want to ensure that element selectors within an Astro component override global style defaults (e.g. from a global stylesheet). - * Using `'where'` gives you more control over specifity, but requires that you use higher-specifity selectors, layers, and other tools to control which selectors are applied. + * Using `'where'` gives you more control over specificity, but requires that you use higher-specificity selectors, layers, and other tools to control which selectors are applied. * Using `'attribute'` is useful when you are manipulating the `class` attribute of elements and need to avoid conflicts between your own styling logic and Astro's application of styles. */ scopedStyleStrategy?: 'where' | 'class' | 'attribute'; |