diff --git a/menu/internal/_menu.scss b/menu/internal/_menu.scss index 4f6b6a9c3e..08c50704aa 100644 --- a/menu/internal/_menu.scss +++ b/menu/internal/_menu.scss @@ -100,7 +100,8 @@ } .item-padding { - padding-block: 8px; + padding-block: map.get($tokens, 'top-space') + map.get($tokens, 'bottom-space'); } .has-overflow:not([popover]) .items { diff --git a/tokens/_md-comp-menu.scss b/tokens/_md-comp-menu.scss index 713b48cef2..395790f11d 100644 --- a/tokens/_md-comp-menu.scss +++ b/tokens/_md-comp-menu.scss @@ -16,10 +16,12 @@ $supported-tokens: ( // go/keep-sorted start + 'bottom-space', 'container-color', 'container-elevation', 'container-shadow-color', 'container-shape', + 'top-space', // go/keep-sorted end ); @@ -46,7 +48,11 @@ $_default: ( $tokens: validate.values( md-comp-menu.values($deps), $supported-tokens: $supported-tokens, - $unsupported-tokens: $unsupported-tokens + $unsupported-tokens: $unsupported-tokens, + $new-tokens: ( + 'top-space': if($exclude-hardcoded-values, null, 8px), + 'bottom-space': if($exclude-hardcoded-values, null, 8px), + ) ); @if not $exclude-custom-properties {