From 23f9536de0456ed2ddc9a77f7aef773ab6a8e73c Mon Sep 17 00:00:00 2001 From: Masaki Koyanagi Date: Tue, 12 Sep 2023 01:26:45 +0900 Subject: [PATCH] chore: correct description of `attribute` option in `scopedStyleStrategy` (#8506) * chore: correct description of `attribute` option in `scopedStyleStrategy` * chore: fix typo (specifity -> specificity) --- .changeset/itchy-clouds-design.md | 5 +++++ packages/astro/src/@types/astro.ts | 8 ++++---- 2 files changed, 9 insertions(+), 4 deletions(-) create mode 100644 .changeset/itchy-clouds-design.md 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';