SassDoc: o-tooltip

oTooltip

Outputs all available features and styles for tooltips.

The output includes the .o-tooltip class definition.

Example

All tooltip styles

@include oTooltip();

Links

• "oTooltip" mixin on Github

oOverlayContentClose

Overlay close button styles.

The output does not include a class definition, and should be wrapped in a selector.

Example

Output button styles

.my-close-button {
    @include oOverlayContentClose();
}

Links

• "oOverlayContentClose" mixin on Github

oSpacingByName(size-name)

Returns

Links

• "oSpacingByName" function on Github

oSpacingByIncrement(increment)

Returns

Links

• "oSpacingByIncrement" function on Github

oSpacingGetBaselineValue

Returns

Links

• "oSpacingGetBaselineValue" function on Github

oTooltipAddTheme(name, opts)

Output styles for a custom o-tooltip theme.

Example

a custom tooltip theme named "my-product-modifier" with a slate background, and white foreground. Outputs a class 'o-tooltip--my-product-modifier'

// Outputs CSS class "o-tooltip--my-product-modifier"
@include oTooltipAddTheme('my-product-modifier', (
	'background-color': oColorsByName('slate'),
	'foreground-color': oColorsByName('white'),
	'close-foreground-color': oColorsByName('white') // optional
));

Links

• "oTooltipAddTheme" mixin on Github

o-tooltip-is-silent

Silent mode: on (true) or off (false) Set to false to output default tooltip classes

Links

• "o-tooltip-is-silent" variable on Github