Developer
Intros
How it works
API reference
Turbo CSS
Fundamentals
What is Turbo CSS?
API first
Portable code
Zero side-effects
Using in an existing codebase
Multiple Turbo instances
Future Turbo versions
Browser support
Compilation
Utility functions
Negative values
Selectors, combinators
Libraries
User defined classes
Color syntax
Color names
Default colors values
Utilities
Selectors
Download
Turbo UI
Turbo Playground
License
Blog
Developer
Intros
How it works
API reference
Turbo CSS
Blog
Fundamentals
Utilities
Selectors
Download
Turbo UI
Turbo Playground
License
Overview
What is Turbo CSS?
API first
Portable code
Zero side-effects
Using in an existing codebase
Multiple Turbo instances
Future Turbo versions
Browser support
Compilation
The Language
Utility functions
Negative values
Selectors, combinators
Libraries
User defined classes
Color system
Color syntax
Color names
Default colors values
Default colors values
Color scales
red
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
pink
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
purple
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
blue
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
cyan
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
green
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
yellow
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
orange
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
gray
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand2
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand3
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
action
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
info
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
success
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
warning
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
danger
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
Color points
text
heading
link
linkHover
linkVisited
linkVisitedHover