diff --git a/docs/guide/CSS.md b/docs/guide/CSS.md index 7bca457f8..bfac0d098 100644 --- a/docs/guide/CSS.md +++ b/docs/guide/CSS.md @@ -298,7 +298,7 @@ For example, the following will draw a red outline around all widgets: ### Pseudo classes -Pseudo classes can be used to match widgets in a particular state. Psuedo classes are set automatically by Textual. For instance, you might want a button to have a green background when the mouse cursor moves over it. We can do this with the `:hover` pseudo selector. +Pseudo classes can be used to match widgets in a particular state. Pseudo classes are set automatically by Textual. For instance, you might want a button to have a green background when the mouse cursor moves over it. We can do this with the `:hover` pseudo selector. ```sass Button:hover { diff --git a/docs/guide/styles.md b/docs/guide/styles.md index 99457a078..ac7a32e79 100644 --- a/docs/guide/styles.md +++ b/docs/guide/styles.md @@ -237,7 +237,7 @@ You can also set padding to a tuple of *four* values which applies padding to ea ### Border -The [border](../styles/border.md) style draws a border around a widget. To add a border set `syles.border` to a tuple of two values. The first value is the border type, which should be a string. The second value is the border color which will accept any value that works with [color](../styles/color.md) and [background](../styles/background.md). +The [border](../styles/border.md) style draws a border around a widget. To add a border set `styles.border` to a tuple of two values. The first value is the border type, which should be a string. The second value is the border color which will accept any value that works with [color](../styles/color.md) and [background](../styles/background.md). The following example adds a border around a widget: diff --git a/docs/styles/background.md b/docs/styles/background.md index 1cf5283c7..6c41885c7 100644 --- a/docs/styles/background.md +++ b/docs/styles/background.md @@ -35,7 +35,7 @@ This example creates three widgets and applies a different background to each. /* Blue background */ background: blue; -/* 20% red backround */ +/* 20% red background */ background: red 20%; /* RGB color */ diff --git a/docs/styles/overflow.md b/docs/styles/overflow.md index f850281a1..7b49ec4f1 100644 --- a/docs/styles/overflow.md +++ b/docs/styles/overflow.md @@ -50,7 +50,7 @@ The right side has `overflow-y: hidden` which will prevent a scrollbar from bein ## CSS ```sass -/* Automatic scrollbars on both axies (the default) */ +/* Automatic scrollbars on both axes (the default) */ overflow: auto auto; /* Hide the vertical scrollbar */ diff --git a/docs/widgets/footer.md b/docs/widgets/footer.md index 01717b225..ee1d4eeb7 100644 --- a/docs/widgets/footer.md +++ b/docs/widgets/footer.md @@ -9,7 +9,7 @@ available keybindings for the currently focused widget. ## Example The example below shows an app with a single keybinding that contains only a `Footer` -widget. Notice how the `Footer` automatically displays the keybind. +widget. Notice how the `Footer` automatically displays the keybinding. === "Output"