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

Remove inclusion of old css types snippets.

Browse Source 
Supposedly, this had been done in an earlier commit for all styles. Apparently, I forgot to open styles references that were one level deeper in the directory, so the pages about grid, links, and scrollbar colors still included the css types values directly in their reference pages.
This commit is contained in:
Rodrigo Girão Serrão
2023-01-09 11:28:47 +00:00
parent 196d430582
commit da9a481f1c
22 changed files with 0 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/styles/grid/column_span.md
View File

@@ -14,10 +14,6 @@ column-span: <a href="../../css_types/integer">&lt;integer&gt;</a>;
The style `column-span` accepts a single non-negative [`<integer>`](../../../css_types/integer) that quantifies how many columns the given widget spans. The style `column-span` accepts a single non-negative [`<integer>`](../../../css_types/integer) that quantifies how many columns the given widget spans.
### Values
--8<-- "docs/snippets/type_syntax/integer.md"
## Example ## Example
The example below shows a 4 by 4 grid where many placeholders span over several columns. The example below shows a 4 by 4 grid where many placeholders span over several columns.

4
docs/styles/grid/grid_columns.md
View File

@@ -17,10 +17,6 @@ The style `grid-columns` takes one or more [`<scalar>`](../../../css_types/scala
If there are more columns in the grid than scalars specified in `grid-columns`, they are reused cyclically. If there are more columns in the grid than scalars specified in `grid-columns`, they are reused cyclically.
If the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored. If the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored.
### Values
--8<-- "docs/snippets/type_syntax/scalar.md"
## Example ## Example
The example below shows a grid with 10 labels laid out in a grid with 2 rows and 5 columns. The example below shows a grid with 10 labels laid out in a grid with 2 rows and 5 columns.

4
docs/styles/grid/grid_gutter.md
View File

@@ -20,10 +20,6 @@ The style `grid-gutter` takes one or two [`<scalar>`](../../../css_types/scalar)
If only one [`<scalar>`](../../../css_types/scalar) is supplied, it sets the vertical and horizontal gutters. If only one [`<scalar>`](../../../css_types/scalar) is supplied, it sets the vertical and horizontal gutters.
If two are supplied, they set the vertical and horizontal gutters, respectively. If two are supplied, they set the vertical and horizontal gutters, respectively.
### Values
--8<-- "docs/snippets/type_syntax/scalar.md"
## Example ## Example
The example below employs a common trick to apply visually consistent spacing around all grid cells. The example below employs a common trick to apply visually consistent spacing around all grid cells.

4
docs/styles/grid/grid_rows.md
View File

@@ -17,10 +17,6 @@ The style `grid-rows` takes one or more [`<scalar>`](../../../css_types/scalar)
If there are more rows in the grid than scalars specified in `grid-rows`, they are reused cyclically. If there are more rows in the grid than scalars specified in `grid-rows`, they are reused cyclically.
If the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored. If the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored.
### Values
--8<-- "docs/snippets/type_syntax/scalar.md"
## Example ## Example
The example below shows a grid with 10 labels laid out in a grid with 5 rows and 2 columns. The example below shows a grid with 10 labels laid out in a grid with 5 rows and 2 columns.

4
docs/styles/grid/grid_size.md
View File

@@ -18,10 +18,6 @@ The style `grid-size` takes one or two non-negative [`<integer>`](../../../css_t
The first defines how many columns there are in the grid. The first defines how many columns there are in the grid.
If present, the second one sets the number of rows – regardless of the number of children of the grid –, otherwise the number of rows is computed automatically. If present, the second one sets the number of rows – regardless of the number of children of the grid –, otherwise the number of rows is computed automatically.
### Values
--8<-- "docs/snippets/type_syntax/integer.md"
## Examples ## Examples
In the first example, we create a grid with 2 columns and 5 rows, regardless of the fact that we do not have enough labels to fill in the whole grid: In the first example, we create a grid with 2 columns and 5 rows, regardless of the fact that we do not have enough labels to fill in the whole grid:

11
docs/styles/grid/index.md
View File

@@ -31,17 +31,6 @@ For an in-depth look at the grid layout, visit the grid [guide](../guide/layout.
Visit each style's reference page to learn more about how the values are used. Visit each style's reference page to learn more about how the values are used.
### Values
#### &lt;integer&gt;
--8<-- "docs/snippets/type_syntax/integer.md"
#### &lt;scalar&gt;
--8<-- "docs/snippets/type_syntax/scalar.md"
## Example ## Example
The example below shows all the properties above in action. The example below shows all the properties above in action.

4
docs/styles/grid/row_span.md
View File

@@ -14,10 +14,6 @@ row-span: <a href="../../css_types/integer">&lt;integer&gt;</a>;
The style `row-span` accepts a single non-negative [`<integer>`](../../../css_types/integer) that quantifies how many rows the given widget spans. The style `row-span` accepts a single non-negative [`<integer>`](../../../css_types/integer) that quantifies how many rows the given widget spans.
### Values
--8<-- "docs/snippets/type_syntax/integer.md"
## Example ## Example
The example below shows a 4 by 4 grid where many placeholders span over several rows. The example below shows a 4 by 4 grid where many placeholders span over several rows.

14
docs/styles/links/index.md
View File

@@ -34,20 +34,6 @@ There are a number of styles which influence the appearance of these links withi
Visit each style's reference page to learn more about how the values are used. Visit each style's reference page to learn more about how the values are used.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
#### &lt;text-style&gt;
--8<-- "docs/snippets/type_syntax/text_style.md"
## Example ## Example
In the example below, the first label illustrates default link styling. In the example below, the first label illustrates default link styling.

10
docs/styles/links/link_background.md
View File

@@ -14,16 +14,6 @@ link-background: <a href="../../css_types/color">&lt;color&gt;</a> [<a href="../
`link-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of text enclosed in Textual action links. `link-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of text enclosed in Textual action links.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
The example below shows some links with their background color changed. The example below shows some links with their background color changed.

10
docs/styles/links/link_color.md
View File

@@ -14,16 +14,6 @@ link-color: <a href="../../css_types/color">&lt;color&gt;</a> [<a href="../../cs
`link-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of text enclosed in Textual action links. `link-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of text enclosed in Textual action links.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
The example below shows some links with their color changed. The example below shows some links with their color changed.

10
docs/styles/links/link_hover_background.md
View File

@@ -14,16 +14,6 @@ link-hover-background: <a href="../../css_types/color">&lt;color&gt;</a> [<a hre
`link-hover-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of text enclosed in Textual action links when the mouse pointer is over it. `link-hover-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of text enclosed in Textual action links when the mouse pointer is over it.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
### Defaults ### Defaults
If not provided, a Textual action link will have `link-hover-background` set to `$accent`. If not provided, a Textual action link will have `link-hover-background` set to `$accent`.

10
docs/styles/links/link_hover_color.md
View File

@@ -14,16 +14,6 @@ link-hover-color: <a href="../../css_types/color">&lt;color&gt;</a> [<a href="..
`link-hover-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of text enclosed in Textual action links when the mouse pointer is over it. `link-hover-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of text enclosed in Textual action links when the mouse pointer is over it.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
### Defaults ### Defaults
If not provided, a Textual action link will have `link-hover-color` set to `white`. If not provided, a Textual action link will have `link-hover-color` set to `white`.

4
docs/styles/links/link_hover_style.md
View File

@@ -14,10 +14,6 @@ link-hover-style: <a href="../../css_types/text_style">&lt;text-style&gt;</a>;
`link-hover-style` applies its [`<text-style>`](../../../css_types/text_style) to the text of Textual action links when the mouse pointer is over them. `link-hover-style` applies its [`<text-style>`](../../../css_types/text_style) to the text of Textual action links when the mouse pointer is over them.
### Values
--8<-- "docs/snippets/type_syntax/text_style.md"
### Defaults ### Defaults
If not provided, a Textual action link will have `link-hover-style` set to `bold`. If not provided, a Textual action link will have `link-hover-style` set to `bold`.

4
docs/styles/links/link_style.md
View File

@@ -14,10 +14,6 @@ link-style: <a href="../../css_types/text_style">&lt;text-style&gt;</a>;
`link-style` will take all the values specified and will apply that styling to text that is enclosed by a Textual action link. `link-style` will take all the values specified and will apply that styling to text that is enclosed by a Textual action link.
### Values
--8<-- "docs/snippets/type_syntax/text_style.md"
### Defaults ### Defaults
If not provided, a Textual action link will have `link-style` set to `underline`. If not provided, a Textual action link will have `link-style` set to `underline`.

10
docs/styles/scrollbar_colors/index.md
View File

@@ -33,16 +33,6 @@ You won't typically need to do this, as the default themes have carefully chosen
Visit each style's reference page to learn more about how the values are used. Visit each style's reference page to learn more about how the values are used.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
This example shows two planels that contain oversized text. This example shows two planels that contain oversized text.

10
docs/styles/scrollbar_colors/scrollbar_background.md
View File

@@ -9,16 +9,6 @@ The `scrollbar-background` sets the background color of the scrollbar.
`scrollbar-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar. `scrollbar-background` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_background_active.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-background-active` sets the background color of the scrollbar whe
`scrollbar-background-active` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar when its thumb is being dragged. `scrollbar-background-active` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar when its thumb is being dragged.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_background_hover.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-background-hover` sets the background color of the scrollbar when
`scrollbar-background-hover` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar when the cursor is over it. `scrollbar-background-hover` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the background color of a scrollbar when the cursor is over it.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_color.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-color` sets the color of the scrollbar.
`scrollbar-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar. `scrollbar-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_color_active.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-color-active` sets the color of the scrollbar when the thumb is b
`scrollbar-color-active` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar when its thumb is being dragged. `scrollbar-color-active` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar when its thumb is being dragged.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_color_hover.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-color-hover` sets the color of the scrollbar when the cursor is o
`scrollbar-color-hover` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar when the cursor is over it. `scrollbar-color-hover` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of a scrollbar when the cursor is over it.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
=== "Output" === "Output"

10
docs/styles/scrollbar_colors/scrollbar_corner_color.md
View File

@@ -10,16 +10,6 @@ The `scrollbar-corner-color` sets the color of the gap between the horizontal an
`scrollbar-corner-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of the gap between the horizontal and vertical scrollbars of a widget. `scrollbar-corner-color` accepts a [`<color>`](../../../css_types/color) (with an optional transparency level defined by a [`<percentage>`](../../../css_types/percentage)) that is used to define the color of the gap between the horizontal and vertical scrollbars of a widget.
### Values
#### &lt;color&gt;
--8<-- "docs/snippets/type_syntax/color.md"
#### &lt;percentage&gt;
--8<-- "docs/snippets/type_syntax/percentage.md"
## Example ## Example
The example below sets the scrollbar corner (bottom-right corner of the screen) to white. The example below sets the scrollbar corner (bottom-right corner of the screen) to white.