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:
Rodrigo Girão Serrão
2023-01-09 11:20:04 +00:00
parent 40cbbc31b8
commit 196d430582
52 changed files with 79 additions and 79 deletions

View File

@@ -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"
```

View File

@@ -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;
```

View File

@@ -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;
```

View File

@@ -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;
```

View File

@@ -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;
```

View File

@@ -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;
```

View File

@@ -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;
```

View File

@@ -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;
```