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