SassDoc: o-overlay

oOverlay(opts)

Outputs all available features and styles for overlays.

The output includes the .o-overlay class definition as well as class definitions for every variant.

Examples

Example #1

All overlay styles

@include oOverlay();

Example #2

Base styles and compact variant, but with no full-screen or heading-shaded variants

@include oOverlay($opts: ('variants': ('compact'));

Links

• "oOverlay" 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

o-overlay-is-silent

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

Links

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

oFormsAddCustom(...)

Links

• "oFormsAddCustom" mixin on Github