docs: typos

This commit is contained in:
Aaron Stephens
2022-10-12 17:34:29 -07:00
parent 467700c759
commit b9493ae6ff
5 changed files with 5 additions and 5 deletions

View File

@@ -298,7 +298,7 @@ For example, the following will draw a red outline around all widgets:
### Pseudo classes ### 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 ```sass
Button:hover { Button:hover {

View File

@@ -237,7 +237,7 @@ You can also set padding to a tuple of *four* values which applies padding to ea
### Border ### 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: The following example adds a border around a widget:

View File

@@ -35,7 +35,7 @@ This example creates three widgets and applies a different background to each.
/* Blue background */ /* Blue background */
background: blue; background: blue;
/* 20% red backround */ /* 20% red background */
background: red 20%; background: red 20%;
/* RGB color */ /* RGB color */

View File

@@ -50,7 +50,7 @@ The right side has `overflow-y: hidden` which will prevent a scrollbar from bein
## CSS ## CSS
```sass ```sass
/* Automatic scrollbars on both axies (the default) */ /* Automatic scrollbars on both axes (the default) */
overflow: auto auto; overflow: auto auto;
/* Hide the vertical scrollbar */ /* Hide the vertical scrollbar */

View File

@@ -9,7 +9,7 @@ available keybindings for the currently focused widget.
## Example ## Example
The example below shows an app with a single keybinding that contains only a `Footer` 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" === "Output"