mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Remove inclusion of old css types snippets.
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:
@@ -14,10 +14,6 @@ column-span: <a href="../../css_types/integer"><integer></a>;
|
||||
|
||||
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
|
||||
|
||||
The example below shows a 4 by 4 grid where many placeholders span over several columns.
|
||||
|
||||
@@ -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 the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored.
|
||||
|
||||
### Values
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/scalar.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows a grid with 10 labels laid out in a grid with 2 rows and 5 columns.
|
||||
|
||||
@@ -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 two are supplied, they set the vertical and horizontal gutters, respectively.
|
||||
|
||||
### Values
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/scalar.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below employs a common trick to apply visually consistent spacing around all grid cells.
|
||||
|
||||
@@ -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 the number of [`<scalar>`](../../../css_types/scalar) is in excess, the excess is ignored.
|
||||
|
||||
### Values
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/scalar.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows a grid with 10 labels laid out in a grid with 5 rows and 2 columns.
|
||||
|
||||
@@ -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.
|
||||
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
|
||||
|
||||
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:
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
### Values
|
||||
|
||||
#### <integer>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/integer.md"
|
||||
|
||||
#### <scalar>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/scalar.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows all the properties above in action.
|
||||
|
||||
@@ -14,10 +14,6 @@ row-span: <a href="../../css_types/integer"><integer></a>;
|
||||
|
||||
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
|
||||
|
||||
The example below shows a 4 by 4 grid where many placeholders span over several rows.
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
#### <text-style>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/text_style.md"
|
||||
|
||||
## Example
|
||||
|
||||
In the example below, the first label illustrates default link styling.
|
||||
|
||||
@@ -14,16 +14,6 @@ link-background: <a href="../../css_types/color"><color></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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows some links with their background color changed.
|
||||
|
||||
@@ -14,16 +14,6 @@ link-color: <a href="../../css_types/color"><color></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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows some links with their color changed.
|
||||
|
||||
@@ -14,16 +14,6 @@ link-hover-background: <a href="../../css_types/color"><color></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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
### Defaults
|
||||
|
||||
If not provided, a Textual action link will have `link-hover-background` set to `$accent`.
|
||||
|
||||
@@ -14,16 +14,6 @@ link-hover-color: <a href="../../css_types/color"><color></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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
### Defaults
|
||||
|
||||
If not provided, a Textual action link will have `link-hover-color` set to `white`.
|
||||
|
||||
@@ -14,10 +14,6 @@ link-hover-style: <a href="../../css_types/text_style"><text-style></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.
|
||||
|
||||
### Values
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/text_style.md"
|
||||
|
||||
### Defaults
|
||||
|
||||
If not provided, a Textual action link will have `link-hover-style` set to `bold`.
|
||||
|
||||
@@ -14,10 +14,6 @@ link-style: <a href="../../css_types/text_style"><text-style></a>;
|
||||
|
||||
`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
|
||||
|
||||
If not provided, a Textual action link will have `link-style` set to `underline`.
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
This example shows two planels that contain oversized text.
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
=== "Output"
|
||||
|
||||
@@ -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.
|
||||
|
||||
### Values
|
||||
|
||||
#### <color>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/color.md"
|
||||
|
||||
#### <percentage>
|
||||
|
||||
--8<-- "docs/snippets/type_syntax/percentage.md"
|
||||
|
||||
## Example
|
||||
|
||||
The example below sets the scrollbar corner (bottom-right corner of the screen) to white.
|
||||
|
||||
Reference in New Issue
Block a user