diff --git a/packages/clay-css/src/scss/mixins/_dropdown-menu.scss b/packages/clay-css/src/scss/mixins/_dropdown-menu.scss index 9257033a38..97f54fdd76 100644 --- a/packages/clay-css/src/scss/mixins/_dropdown-menu.scss +++ b/packages/clay-css/src/scss/mixins/_dropdown-menu.scss @@ -140,8 +140,23 @@ /// enabled: {Bool}, // Set to false to prevent .c-inner styles from being output. Default: true /// // .dropdown-item .c-inner /// ), +/// '&.autofit-row': ( +/// // .dropdown-item.autofit-row +/// autofit-col: ( +/// // .dropdown-item.autofit-row > .autofit-col +/// ), +/// autofit-col-expand: ( +/// // .dropdown-item.autofit-row > .autofit-col-expand +/// ), +/// ), /// autofit-row: ( -/// // .dropdown-item.autofit-row, .dropdown-item .autofit-row +/// // .dropdown-item .autofit-row +/// autofit-col: ( +/// // .dropdown-item .autofit-row > .autofit-col +/// ), +/// autofit-col-expand: ( +/// // .dropdown-item .autofit-row > .autofit-col-expand +/// ), /// ), /// c-kbd-inline: ( /// // .dropdown-item .c-kbd-inline @@ -604,9 +619,36 @@ } } - &.autofit-row, + &.autofit-row { + @include clay-css(map-deep-get($map, '&.autofit-row')); + + > .autofit-col { + @include clay-css( + map-deep-get($map, '&.autofit-row', autofit-col) + ); + } + + > .autofit-col-expand { + @include clay-css( + map-deep-get($map, '&.autofit-row', autofit-col-expand) + ); + } + } + .autofit-row { @include clay-css($autofit-row); + + > .autofit-col { + @include clay-css( + map-deep-get($map, autofit-row, autofit-col) + ); + } + + > .autofit-col-expand { + @include clay-css( + map-deep-get($map, autofit-row, autofit-col-expand) + ); + } } .c-kbd-inline {