/*------------------------------------*\ #BLOCK-LIST \*------------------------------------*/ /** * The block list object creates blocky list items out of a `ul` or `ol`. */ // Predefine the variables below in order to alter and enable specific features. $inuit-block-list-namespace: $inuit-namespace !default; $inuit-block-list-padding: $inuit-base-spacing-unit !default; $inuit-block-list-padding--small: halve($inuit-block-list-padding) !default; $inuit-block-list-padding--large: double($inuit-block-list-padding) !default; $inuit-enable-block-list--small: false !default; $inuit-enable-block-list--large: false !default; .#{$inuit-block-list-namespace}block-list, %#{$inuit-block-list-namespace}block-list { margin: 0; padding: 0; list-style: none; > li { @extend %#{$inuit-block-list-namespace}block-list__item; } } .#{$inuit-block-list-namespace}block-list__item, %#{$inuit-block-list-namespace}block-list__item { padding: $inuit-block-list-padding; } @if ($inuit-enable-block-list--small == true) { /** * Small block-lists. */ .#{$inuit-block-list-namespace}block-list--small, %#{$inuit-block-list-namespace}block-list--small { > .#{$inuit-block-list-namespace}block-list__item, > %#{$inuit-block-list-namespace}block-list__item { padding: $inuit-block-list-padding--small; } } } @if ($inuit-enable-block-list--large == true) { /** * Large block-lists. */ .#{$inuit-block-list-namespace}block-list--large, %#{$inuit-block-list-namespace}block-list--large { > .#{$inuit-block-list-namespace}block-list__item, > %#{$inuit-block-list-namespace}block-list__item { padding: $inuit-block-list-padding--large; } } }