// RIVER Design-System: Helpers //

// Load common CSS helpers such as layout and style helpers, grid-cols and flex-cols.

// Helpers are abstract and opinionated CSS classes that may apply multiple properties (as opposed to single-property utility),
// in order to achieve desired outcomes and serve as non-exclusive CSS building blocks.
// An element or local component may use as many css helpers (and utilities) as needed.
// Helpers use BEM-like naming, and a helper may have any number of variations.

// To group helpers and avoid class name clashes we ensure that all helpers use a verbose prefix (think of this as a namespace),
// relevant to the type of helper (layout, style, etc). We use '.helper-' as a fallback if the group is not self-evident.

// Load styles first to decrease css rule preference
@import 'styles-typography';
@import 'styles-formats';
@import 'styles-lists';
@import 'styles-visuals';
@import 'styles-notifications';
@import 'styles-scope';

@import 'layout-general';
@import 'layout-container';
@import 'layout-section';

@import 'display-general';

@import 'widths';
@import 'grid-cols';
@import 'flex-cols';
@import 'flex-general';