Sage Design Tokens / base / boxShadow
Name | Value | Preview |
---|---|---|
boxShadow100 🔗 |
0 5px 5px 0 #00141e33, 0 10px 10px 0 #00141e1a |
|
boxShadow150 🔗 |
0 -4px 12px 0 #00141e0d |
|
boxShadow200 🔗 |
0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a |
|
boxShadow300 🔗 |
0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a |
|
boxShadow400 🔗 |
0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a |
|
boxShadow010 🔗 |
inset 0 -1px 0 0 #e6ebedff |
|
boxShadow050 🔗 |
0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26 |
|
boxShadow075 🔗 |
inset 0 6px 4px -4px #00141e0d |
|
boxShadow090 🔗 |
0 4px 8px -4px #00141e1a |
|
boxShadow091 🔗 |
4px 0 8px -4px #00141e1a |
|