Tokens
Design variables that power Thumbtack’s UI.
Version: | 13.0.3 •View source•Changelog•Report issue | |
---|---|---|
Install: | yarn add @thumbtack/thumbprint-tokens | |
Import: | @import '~@thumbtack/thumbprint-tokens/dist/scss/_index'; |
Token Name | Value | ||||||||
---|---|---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
These are the colors we use at Thumbtack.
Token Name | Value | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||||
---|---|---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||
---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||
---|---|---|---|---|---|
|
Token Name | Value | ||||
---|---|---|---|---|---|
|
Token Name | Value | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
| |||||||||||||
|
Token Name | Value | ||||||
---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||
---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
|
Values for transparent light and dark curtains that cover content.
Token Name | Value | ||||||
---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Token Name | Value | ||||
---|---|---|---|---|---|
|
Values to help stack Thumbprint UI components.
Token Name | Value | ||
---|---|---|---|
|