o-visual-effects shadows

mixins

oVisualEffectsShadowsElevation

@mixin oVisualEffectsShadowsElevation($elevation, $color) { ... }

Description

Elevation

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$elevation

'ultra', 'low', 'mid' or 'high'

Stringnone
$colornoneColornone

Output

A repeating linear gradient background

Links

o-visual-effects transitions

variables

o-visual-effects-transition-slide

$o-visual-effects-transition-slide: cubic-bezier(1, 0, 0.5, 1.275);

Description

Timing function for elements that slide in and out

Links

o-visual-effects-transition-expand

$o-visual-effects-transition-expand: cubic-bezier(0.215, 0.61, 0.355, 1);

Description

Timing function for elements that expand and contract

Links

o-visual-effects-transition-fade

$o-visual-effects-transition-fade: cubic-bezier(0.165, 0.84, 0.44, 1);

Description

Timing function for elements that fade in and out

Links