diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 0c662f2754a1..0094e714a821 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -13879,20 +13879,27 @@ Button styles // 196px from design kit max-width: rem(196px); - &:not(:first-of-type):not(:focus) { + &:not(:focus) { box-shadow: rem(-1px) 0 0 0 $button-separator; } + + &:first-of-type:not(:focus) { + box-shadow: inherit; + } } .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn { box-shadow: inherit; } - .#{$prefix}--btn-set--stacked - .#{$prefix}--btn:not(:first-of-type):not(:focus) { + .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) { box-shadow: 0 rem(-1px) 0 0 $button-separator; } + .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) { + box-shadow: inherit; + } + .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled { box-shadow: rem(-1px) 0 0 0 $disabled-03;