diff --git a/.changeset/itchy-clouds-design.md b/.changeset/itchy-clouds-design.md new file mode 100644 index 000000000000..b6d5046e3175 --- /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 9a0cfd7ad9b9..4210dd36d913 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';