SassDoc: o-spacing

oSpacing(opts)

Output all o-spacing features.

Example

@include oSpacing($opts: (
	'margin-bottom-utilities': true, // Output CSS classes such as `o-spacing-s1`.
	'custom-properties': true // Output CSS variables.
));

Links

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

oSteppedProgress

Outputs all available features and styles for stepped progress.

The output includes the .o-stepped-progress class definition as well as class definitions for every available theme.

Examples

Example #1

All stepped progress styles

@include oSteppedProgress();

Example #2

Base styles with 'heavy' theme

@include oSteppedProgress((
	'themes': (
		'heavy'
	)
));

Links

• "oSteppedProgress" mixin on Github

o-spacing-is-silent

Links

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

o-spacing-relative-units

When true output relative rem space values, not px. Relative spaces will respect the browser's configured font size.

For legacy reasons, this defaults to false (outputs px units). Projects may need to be updated to support relative units.

Links

• "o-spacing-relative-units" variable on Github

o-spacing-names

All space names supported by o-spacing.

Links

• "o-spacing-names" variable on Github