Skip to content

Commit 9b6b1be

Browse files
committed
Button groups: add separator between filled buttons, fix outline double border.
1 parent a8d7ac5 commit 9b6b1be

24 files changed

Lines changed: 70 additions & 21 deletions

css/mu.component.button.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -208,6 +208,10 @@
208208
[role=group] > :not(:first-child):is(.outline, .btn-outline) {
209209
border-left-width: 0;
210210
}
211+
/* Filled buttons in groups: add subtle separator (border-color matches background by default) */
212+
[role=group] > :not(:first-child):is(button, [type=submit], [type=button], [type=reset], [role=button], .btn):not(.outline):not(.btn-outline):not(.btn-link) {
213+
border-left-color: rgba(0, 0, 0, 0.2);
214+
}
211215

212216
/* Disabled */
213217
.btn[aria-disabled="true"] {

dist/mu.amber.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.azure.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.blue.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.cyan.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.fuchsia.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.green.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.grey.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mu.indigo.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)