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
|
||||||
|
|
||||||
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 {
|
||||||
|
|||||||
@@ -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:
|
||||||
|
|
||||||
|
|||||||
@@ -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 */
|
||||||
|
|||||||
@@ -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 */
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user