Shadows in the Skyscanner product add distinction and elevation to interfaces.
Shadow tokens
box-shadow-sm
This shadow is applied to the Backpack Card component out of the box. It elevates the card above the canvas.
box-shadow-lg
This is a hover state for cards where sm is the resting state.
box-shadow-xl
Reserved for the elevation of specific components – for example our Floating Action Button.