design system token v0.1
This commit is contained in:
49
tokens/shadows.json
Normal file
49
tokens/shadows.json
Normal file
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"shadow": {
|
||||
"$description": "Greyhaven Design System — Shadow Tokens (subtle, warm-neutral)",
|
||||
"xs": {
|
||||
"$type": "shadow",
|
||||
"$value": {
|
||||
"offsetX": "0",
|
||||
"offsetY": "1px",
|
||||
"blur": "2px",
|
||||
"spread": "0",
|
||||
"color": "rgba(22, 22, 20, 0.05)"
|
||||
},
|
||||
"$description": "Subtle shadow for buttons, inputs"
|
||||
},
|
||||
"sm": {
|
||||
"$type": "shadow",
|
||||
"$value": {
|
||||
"offsetX": "0",
|
||||
"offsetY": "1px",
|
||||
"blur": "3px",
|
||||
"spread": "0",
|
||||
"color": "rgba(22, 22, 20, 0.1)"
|
||||
},
|
||||
"$description": "Small shadow for cards"
|
||||
},
|
||||
"md": {
|
||||
"$type": "shadow",
|
||||
"$value": {
|
||||
"offsetX": "0",
|
||||
"offsetY": "4px",
|
||||
"blur": "6px",
|
||||
"spread": "-1px",
|
||||
"color": "rgba(22, 22, 20, 0.1)"
|
||||
},
|
||||
"$description": "Medium shadow for dropdowns, popovers"
|
||||
},
|
||||
"lg": {
|
||||
"$type": "shadow",
|
||||
"$value": {
|
||||
"offsetX": "0",
|
||||
"offsetY": "10px",
|
||||
"blur": "15px",
|
||||
"spread": "-3px",
|
||||
"color": "rgba(22, 22, 20, 0.1)"
|
||||
},
|
||||
"$description": "Large shadow for dialogs, modals"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user