alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Uniformise CSS rules reference format.

Browse Source
This commit is contained in:
Rodrigo Girão Serrão
2022-12-21 21:38:05 +00:00
parent d82b21786a
commit ea1dd86a3b
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/styles/align.md
View File

@@ -3,18 +3,19 @@
The `align` style aligns children within a container.
Not to be confused with [`content-align`](../content_align).
You can specify the alignment of children on both the horizontal and vertical axes at the same time,
or on each of the axis separately.
## Syntax
--8<-- "docs/snippets/syntax_block_start.md"
align: <a href="../css_types/horizontal.md">&lt;horizontal&gt;</a> <a href="../css_types/vertical.md">&lt;vertical&gt;</a>;
align-horizontal: <a href="../css_types/horizontal.md">&lt;horizontal&gt;</a>;
align-vertical: <a href="../css_types/vertical.md">&lt;vertical&gt;</a>;
--8<-- "docs/snippets/syntax_block_end.md"
The style `align` takes a [`<horizontal>`](../css_types/horizontal.md) followed by a [`<vertical>`](../css_types/vertical.md).
You can specify the alignment of children on both the horizontal and vertical axes at the same time,
or on each of the axis separately.
To specify alignment on a single axis, use the respective style and type:
- `align-horizontal` takes a [`<horizontal>`](../css_types/horizontal.md) and does alignment along the horizontal axis; and
@@ -22,8 +23,12 @@ To specify alignment on a single axis, use the respective style and type:
### Values
#### &lt;horizontal&gt;
--8<-- "docs/snippets/type_syntax/horizontal.md"
#### &lt;vertical&gt;
--8<-- "docs/snippets/type_syntax/vertical.md"