diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index b24199d113..a01e1d206d 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -885,7 +885,7 @@ border-top: @basicGroupBorder; } - .ui.basic.vertical.buttons:not(.spaced) .button:first-child { + .ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child { border-top: none; } } @@ -1104,6 +1104,17 @@ width: @circularIconWidth; vertical-align: baseline; } + + .ui.circular.buttons:not(.vertical) .button { + margin-right: @circularGroupMargin; + } + + & when (@variationButtonVertical) { + .ui.vertical.circular.buttons .button { + margin-bottom: @circularVerticalGroupMargin; + } + } + & when (@variationButtonBasic) { .ui.circular.basic.buttons { border: none; diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index 6b6377d376..a9a4414abd 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -394,6 +394,8 @@ /* Circular */ @circularBorderRadius: 10em; @circularIconWidth: 1em; +@circularGroupMargin: 0.25em; +@circularVerticalGroupMargin: @circularGroupMargin; /* Spaced */ @spacedMargin: 1em;