//
// Component: Section
//
// ========================================================================


// Variables
// ========================================================================

//
// Master
//

@section-title-font-size:                      16px;
@section-title-font-weight:                    @global-secondary-font-weight;


// Component
// ========================================================================

.hook-section() {}


// Style modifiers
// ========================================================================

.hook-section-default() {}

.hook-section-muted() {}

.hook-section-primary() {}

.hook-section-secondary() {}


// Overlap modifier
// ========================================================================

.hook-section-overlap() {}


// Miscellaneous
// ========================================================================

.hook-section-misc() {}