From c9384f76f7c0f4858bee7d31f73e141764fa6647 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Fri, 17 Jul 2020 16:20:03 -0400 Subject: [PATCH] Fix typo --- docs/getting-started/customizing.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/customizing.md b/docs/getting-started/customizing.md index 21d63550..3c6a5638 100644 --- a/docs/getting-started/customizing.md +++ b/docs/getting-started/customizing.md @@ -28,7 +28,7 @@ Design tokens are described further along in this documentation. For a complete Whereas design tokens offer a high-level way to customize the library, component parts offer a low-level way to customize individual components. Again, this is done with pure CSS — no preprocessor required. -Shoelace components use a [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM) to encapsulate their styles and behaviors. As a result, you can't simply target their internals with the usual CSS selectors. Instead, components expose "parts" that can be targetted with the [CSS part selector](https://developer.mozilla.org/en-US/docs/Web/CSS/::part), or `::part()`. +Shoelace components use a [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM) to encapsulate their styles and behaviors. As a result, you can't simply target their internals with the usual CSS selectors. Instead, components expose "parts" that can be targeted with the [CSS part selector](https://developer.mozilla.org/en-US/docs/Web/CSS/::part), or `::part()`. Here's an example that modifies buttons with the `tomato-button` class.