UI: Components
Syntax Highlight — CSS
Syntax Highlight highlights CSS code-snippets, using the <ul> and <li> HTML elements.
-
body
- accent-color
- AccentColor
- background-color
- Canvas
- color
- ColorGray-80
- color-scheme
- light dark
- font-family
- ff-sans
- font-size
- clamp(1rem, 0.8661rem + 0.4286vw, 1.1875rem)
- line-height
- 1.5
- margin-inline
- auto
- max-inline-size
- 70ch
- padding-inline
- 2ch
-
img
- height
- auto
- max-width
- 100%
-
td
- border
- 1px solid
- font-size
- smaller
- padding
- 1ch
With opposite color-scheme
-
body
- accent-color
- AccentColor
- background-color
- Canvas
- color
- ColorGray-80
- color-scheme
- light dark
- font-family
- ff-sans
- font-size
- clamp(1rem, 0.8661rem + 0.4286vw, 1.1875rem)
- line-height
- 1.5
- margin-inline
- auto
- max-inline-size
- 70ch
- padding-inline
- 2ch
-
img
- height
- auto
- max-width
- 100%
-
td
- border
- 1px solid
- font-size
- smaller
- padding
- 1ch
Variant
With --osx-modifier and cs-dark
-
body
- accent-color
- AccentColor
- background-color
- Canvas
- color
- ColorGray-80
- color-scheme
- light dark
- font-family
- ff-sans
- font-size
- clamp(1rem, 0.8661rem + 0.4286vw, 1.1875rem)
- line-height
- 1.5
- margin-inline
- auto
- max-inline-size
- 70ch
- padding-inline
- 2ch
-
img
- height
- auto
- max-width
- 100%
-
td
- border
- 1px solid
- font-size
- smaller
- padding
- 1ch