1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
<!-- This is the template file for a CSS style reference page. -->
# Style-name
<!-- Short description of what the style does, without syntax details or anything.
One or two sentences is typically enough. -->
## Syntax
--8<-- "docs/snippets/syntax_block_start.md"
<!--
Formal syntax description of the style
style-name: <a href="../../css_types/type_one"><type-one></a>;
-->
--8<-- "docs/snippets/syntax_block_end.md"
<!-- Description of what the style uses the types/values for. -->
### Values
<!--
For enum-like styles that don't warrant a dedicated type.
-->
### Defaults
<!-- If necessary, make note of the default values here.
Otherwise, delete this section.
E.g., `border` contains this section. -->
## Examples
<!--
Short description of the first example.
=== "Output"
```{.textual path="docs/examples/styles/style.py"}
```
=== "style.py"
```py
--8<-- "docs/examples/styles/style.py"
```
=== "style.tcss"
```css
--8<-- "docs/examples/styles/style.tcss"
```
-->
<!--
Short description of the second example.
(If only one example is given, make sure the section is called "Example" and not "Examples".)
=== "Output"
```{.textual path="docs/examples/styles/style.py"}
```
=== "style.py"
```py
--8<-- "docs/examples/styles/style.py"
```
=== "style.tcss"
```css
--8<-- "docs/examples/styles/style.tcss"
```
-->
<!-- ... -->
## CSS
<!--
The CSS syntax for the rule definitions.
Include comments when relevant.
Include all variations.
List all values, if possible and sensible.
```css
rule-name: value1
rule-name: value2
rule-name: different-syntax-value shown-here
rule-name-variant: value3
rule-name-variant: value4
```
-->
## Python
<!--
The Python syntax for the style definitions.
Copy the same examples as the ones shown in the CSS above.
If the programmatic way of setting the property differs significantly from the CSS way, make note of that here.
```py
widget.styles.property_name = value1
widget.styles.property_name = value2
widget.styles.property_name = (different_syntax_value, shown_here)
widget.styles.property_name_variant = value3
widget.styles.property_name_variant = value4
```
-->
|
