Browse Source

Revert "Sets border-radius when vertical buttons have a single child button"

revert-4107-next
Jack Lukic 8 years ago
committed by GitHub
parent
commit
1a30ca36b8
1 changed files with 16 additions and 8 deletions
  1. 24
      src/definitions/elements/button.less

24
src/definitions/elements/button.less

@ -3408,16 +3408,24 @@
width: 100%; width: 100%;
margin: @verticalGroupOffset; margin: @verticalGroupOffset;
box-shadow: @verticalBoxShadow; box-shadow: @verticalBoxShadow;
border-radius: 0em;
}
.ui.vertical.buttons .button:first-child {
border-top-left-radius: @borderRadius;
border-top-right-radius: @borderRadius;
} }
.ui.vertical.buttons .button:last-child {
.ui.vertical.buttons .button:first-child,
.ui.vertical.buttons .mini.button:first-child,
.ui.vertical.buttons .tiny.button:first-child,
.ui.vertical.buttons .small.button:first-child,
.ui.vertical.buttons .massive.button:first-child,
.ui.vertical.buttons .huge.button:first-child {
border-radius: @borderRadius @borderRadius 0px 0px;
}
.ui.vertical.buttons .button:last-child,
.ui.vertical.buttons .mini.button:last-child,
.ui.vertical.buttons .tiny.button:last-child,
.ui.vertical.buttons .small.button:last-child,
.ui.vertical.buttons .massive.button:last-child,
.ui.vertical.buttons .huge.button:last-child,
.ui.vertical.buttons .gigantic.button:last-child {
margin-bottom: 0px; margin-bottom: 0px;
border-bottom-left-radius: @borderRadius;
border-bottom-right-radius: @borderRadius;
border-radius: 0px 0px @borderRadius @borderRadius;
} }
.ui.vertical.buttons .button:only-child { .ui.vertical.buttons .button:only-child {
border-radius: @borderRadius; border-radius: @borderRadius;

Loading…
Cancel
Save