diff --git a/site/content/guide/00-introduction.md b/site/content/guide/00-introduction.md index f193f32217..ea28d2faf0 100644 --- a/site/content/guide/00-introduction.md +++ b/site/content/guide/00-introduction.md @@ -15,7 +15,7 @@ You can build your entire app with Svelte, or you can add it incrementally to an [Read the introductory blog post](/blog/frameworks-without-the-framework) to learn more about Svelte's goals and philosophy. -### Understanding Svelte components +### Understanding components In Svelte, an application is composed from one or more *components*. A component is a reusable self-contained block of code that encapsulates markup, styles and behaviours that belong together, written into an `.html` file. Here's a simple example: diff --git a/site/content/guide/08-bindings.md b/site/content/guide/08-bindings.md index b899ea2376..588111baa2 100644 --- a/site/content/guide/08-bindings.md +++ b/site/content/guide/08-bindings.md @@ -92,7 +92,7 @@ Here is a complete example of using two way bindings with a form: } ``` -> 'two way' bindings allow you to update a value in a nested property as seen in [checkbox input](repl?demo=binding-input-checkbox). +> 'two way' bindings allow you to update a value in a nested property as seen in [this checkbox input example](repl?demo=binding-input-checkbox). ### bind:this diff --git a/site/src/routes/guide/_GuideContents.html b/site/src/routes/guide/_GuideContents.html index d320ff4b93..fb3a3bac12 100644 --- a/site/src/routes/guide/_GuideContents.html +++ b/site/src/routes/guide/_GuideContents.html @@ -97,7 +97,7 @@ .guide-toc li { display: block; - line-height: 2; + line-height: 1.2; margin: 0 0 4.8rem 0; } @@ -114,6 +114,7 @@ display: block; font-size: 1.6rem; font-family: var(--font); + padding: 0.3em 0; } .section:hover,