Lonely Planet Specific Placeholders

These are helper placeholders which provide often used styling specific to LP.

Enable our Lonely Planet Font Stack (freight).

%lp-font-stack

The standard shadow used on cards, tabs etc.

%standard-shadow

The standard shadow used on flyouts - dropdowns, datepickers etc.

%fly-out-shadow

The large shadow used on popup box.

%large-shadow

The standard rounded corner used on tabs, buttons etc.

%rounded-corners

The active/selected state for facets, navigation etc.

%active-background

The most common transition used on .com (0.2s).

%transition--base

A slightly slower transition used on .com (0.5s).

%transition--slower

The transition used on our responsive nav.

%transition--nav