mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Style all Textual CSS as 'sass'
Textual CSS is better highlighted in SASS code blocks because the SASS parser seems to be more lenient.
This commit is contained in:
@@ -61,6 +61,6 @@ The right panel sets `scrollbar-background`, `scrollbar-color`, and `scrollbar-c
|
||||
|
||||
=== "scrollbars.css"
|
||||
|
||||
```css
|
||||
```sass
|
||||
--8<-- "docs/examples/styles/scrollbars.css"
|
||||
```
|
||||
|
||||
@@ -38,13 +38,13 @@ The `scrollbar-background` sets the background color of the scrollbar.
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="2"
|
||||
```sass hl_lines="2"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-backround: blue;
|
||||
```
|
||||
|
||||
|
||||
@@ -39,13 +39,13 @@ The `scrollbar-background-active` sets the background color of the scrollbar whe
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="3"
|
||||
```sass hl_lines="3"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-backround-active: red;
|
||||
```
|
||||
|
||||
|
||||
@@ -39,13 +39,13 @@ The `scrollbar-background-hover` sets the background color of the scrollbar when
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="4"
|
||||
```sass hl_lines="4"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-background-hover: purple;
|
||||
```
|
||||
|
||||
|
||||
@@ -39,13 +39,13 @@ The `scrollbar-color` sets the color of the scrollbar.
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="5"
|
||||
```sass hl_lines="5"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-color: cyan;
|
||||
```
|
||||
|
||||
|
||||
@@ -39,13 +39,13 @@ The `scrollbar-color-active` sets the color of the scrollbar when the thumb is b
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="6"
|
||||
```sass hl_lines="6"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-color-active: yellow;
|
||||
```
|
||||
|
||||
|
||||
@@ -39,13 +39,13 @@ The `scrollbar-color-hover` sets the color of the scrollbar when the cursor is o
|
||||
|
||||
=== "scrollbars2.css"
|
||||
|
||||
```css hl_lines="7"
|
||||
```sass hl_lines="7"
|
||||
--8<-- "docs/examples/styles/scrollbars2.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-color-hover: pink;
|
||||
```
|
||||
|
||||
|
||||
@@ -37,13 +37,13 @@ The example below sets the scrollbar corner (bottom-right corner of the screen)
|
||||
|
||||
=== "scrollbar_corner_color.css"
|
||||
|
||||
```css hl_lines="3"
|
||||
```sass hl_lines="3"
|
||||
--8<-- "docs/examples/styles/scrollbar_corner_color.css"
|
||||
```
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
```sass
|
||||
scrollbar-corner-color: white;
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user