SassDoc: o-banner

oBanner(opts)

Output o-banner CSS.

Examples

Example #1

all o-banner styles.

@include oBanner();

Example #2

only the small layout

@include oBanner($opts: (
	'layouts': ('small')
));

Example #3

the small layout and marketing theme

@include oBanner($opts: (
	'layouts': ('small'),
	'themes': ('marketing'),
));

Links

• "oBanner" mixin on Github

oBannerAddTheme(theme-name, opts)

Add a theme modifier for banners.

The output includes the .o-banner--THEME modifier class definition, which includes all overrides.

Examples

Example #1

Existing banner theme

@include oBannerAddTheme('marketing');

Example #2

Custom banner theme

@include oBannerAddTheme('bubblegum', (
    background-color: oColorsMix('candy', 'white', 75),
    text-color: oColorsByName('oxford-90')
));

Links

• "oBannerAddTheme" mixin on Github