SassDoc: o-visual-effects

oVisualEffects(opts)

Outputs styles for visual effects.

Examples

Example #1

all o-visual-effect styles.

@include oVisualEffects();

Example #2

only mid shadow styles from o-visual-effect.

@include oVisualEffects($opts: ('shadows': ('mid')))

Example #3

only timing css custom properties from o-visual-effect.

@include oVisualEffects($opts: ('timing-custom-properties': true))

Links

• "oVisualEffects" mixin on Github

oVisualEffectsShadowContent(elevation, color)

Elevation

A repeating linear gradient background

Links

• "oVisualEffectsShadowContent" mixin on Github

oVisualEffectsShadow(elevation, color)

Elevation

Returns

Links

• "oVisualEffectsShadow" function on Github

o-visual-effects-timing-slide

Timing function for elements that slide in and out

Links

• "o-visual-effects-timing-slide" variable on Github

o-visual-effects-timing-expand

Timing function for elements that expand and contract

Links

• "o-visual-effects-timing-expand" variable on Github

o-visual-effects-timing-fade

Timing function for elements that fade in and out

Links

• "o-visual-effects-timing-fade" variable on Github

o-visual-effects-shadow-color

The base dropdown shadow colour. Used with opacity for shadows of different levels.

Links

• "o-visual-effects-shadow-color" variable on Github