Browse Source

(X) wide buttons no longer need to specify 'fluid'

pull/1129/head
jlukic 10 years ago
parent
commit
87da37b141
1 changed files with 62 additions and 3 deletions
  1. 65
      src/definitions/elements/button.less

65
src/definitions/elements/button.less

@ -815,6 +815,7 @@
display: block; display: block;
margin: 0em; margin: 0em;
box-shadow: @attachedBoxShadow !important; box-shadow: @attachedBoxShadow !important;
border-radius: 0em;
} }
.ui.attached.top.button { .ui.attached.top.button {
border-radius: @borderRadius @borderRadius 0em 0em; border-radius: @borderRadius @borderRadius 0em 0em;
@ -904,13 +905,16 @@
/* Plural Attached */ /* Plural Attached */
.attached.ui.buttons { .attached.ui.buttons {
margin: 0px; margin: 0px;
border-radius: @borderRadius @borderRadius 0em 0em;
border-radius: 0em 0em 0em 0em;
}
.attached.ui.buttons .button {
margin: 0em;
} }
.attached.ui.buttons .button:first-child { .attached.ui.buttons .button:first-child {
border-radius: @borderRadius 0em 0em 0em;
border-radius: 0em 0em 0em 0em;
} }
.attached.ui.buttons .button:last-child { .attached.ui.buttons .button:last-child {
border-radius: 0em @borderRadius 0em 0em;
border-radius: 0em 0em 0em 0em;
} }
/* Bottom Side */ /* Bottom Side */
@ -962,46 +966,101 @@
display: block; display: block;
width: 100%; width: 100%;
} }
.ui.\32.buttons,
.ui.two.buttons {
width: 100%;
}
.ui.\32.buttons > .button, .ui.\32.buttons > .button,
.ui.two.buttons > .button { .ui.two.buttons > .button {
width: 50%; width: 50%;
} }
.ui.\33.buttons,
.ui.three.buttons {
width: 100%;
}
.ui.\33.buttons > .button, .ui.\33.buttons > .button,
.ui.three.buttons > .button { .ui.three.buttons > .button {
width: 33.333%; width: 33.333%;
} }
.ui.\34.buttons,
.ui.four.buttons {
width: 100%;
}
.ui.\34.buttons > .button, .ui.\34.buttons > .button,
.ui.four.buttons > .button { .ui.four.buttons > .button {
width: 25%; width: 25%;
} }
.ui.\35.buttons,
.ui.five.buttons {
width: 100%;
}
.ui.\35.buttons > .button, .ui.\35.buttons > .button,
.ui.five.buttons > .button { .ui.five.buttons > .button {
width: 20%; width: 20%;
} }
.ui.\36.buttons,
.ui.six.buttons {
width: 100%;
}
.ui.\36.buttons > .button, .ui.\36.buttons > .button,
.ui.six.buttons > .button { .ui.six.buttons > .button {
width: 16.666%; width: 16.666%;
} }
.ui.\37.buttons,
.ui.seven.buttons {
width: 100%;
}
.ui.\37.buttons > .button, .ui.\37.buttons > .button,
.ui.seven.buttons > .button { .ui.seven.buttons > .button {
width: 14.285%; width: 14.285%;
} }
.ui.\38.buttons,
.ui.eight.buttons {
width: 100%;
}
.ui.\38.buttons > .button, .ui.\38.buttons > .button,
.ui.eight.buttons > .button { .ui.eight.buttons > .button {
width: 12.500%; width: 12.500%;
} }
.ui.\39.buttons,
.ui.nine.buttons {
width: 100%;
}
.ui.\39.buttons > .button, .ui.\39.buttons > .button,
.ui.nine.buttons > .button { .ui.nine.buttons > .button {
width: 11.11%; width: 11.11%;
} }
.ui.\31\30.buttons,
.ui.ten.buttons {
width: 100%;
}
.ui.\31\30.buttons > .button, .ui.\31\30.buttons > .button,
.ui.ten.buttons > .button { .ui.ten.buttons > .button {
width: 10%; width: 10%;
} }
.ui.\31\31.buttons,
.ui.eleven.buttons {
width: 100%;
}
.ui.\31\31.buttons > .button, .ui.\31\31.buttons > .button,
.ui.eleven.buttons > .button { .ui.eleven.buttons > .button {
width: 9.09%; width: 9.09%;
} }
.ui.\31\32.buttons,
.ui.twelve.buttons {
width: 100%;
}
.ui.\31\32.buttons > .button, .ui.\31\32.buttons > .button,
.ui.twelve.buttons > .button { .ui.twelve.buttons > .button {
width: 8.3333%; width: 8.3333%;

Loading…
Cancel
Save