mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
docs: typos
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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:
|
||||
|
||||
|
||||
@@ -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 */
|
||||
|
||||
@@ -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 */
|
||||
|
||||
@@ -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"
|
||||
|
||||
|
||||
Reference in New Issue
Block a user