Browse Source

Fixes #275 adds numerical class support for fluid buttons

pull/291/head
jlukic 11 years ago
parent
commit
11d59c9e67
1 changed files with 23 additions and 0 deletions
  1. 23
      src/elements/button.less

23
src/elements/button.less

@ -993,36 +993,47 @@
display: block; display: block;
width: 100%; width: 100%;
} }
.ui.\32.buttons > .button,
.ui.two.buttons > .button { .ui.two.buttons > .button {
width: 50%; width: 50%;
} }
.ui.\33.buttons > .button,
.ui.three.buttons > .button { .ui.three.buttons > .button {
width: 33.333%; width: 33.333%;
} }
.ui.\34.buttons > .button,
.ui.four.buttons > .button { .ui.four.buttons > .button {
width: 25%; width: 25%;
} }
.ui.\35.buttons > .button,
.ui.five.buttons > .button { .ui.five.buttons > .button {
width: 20%; width: 20%;
} }
.ui.\36.buttons > .button,
.ui.six.buttons > .button { .ui.six.buttons > .button {
width: 16.666%; width: 16.666%;
} }
.ui.\37.buttons > .button,
.ui.seven.buttons > .button { .ui.seven.buttons > .button {
width: 14.285%; width: 14.285%;
} }
.ui.\38.buttons > .button,
.ui.eight.buttons > .button { .ui.eight.buttons > .button {
width: 12.500%; width: 12.500%;
} }
.ui.\39.buttons > .button,
.ui.nine.buttons > .button { .ui.nine.buttons > .button {
width: 11.11%; width: 11.11%;
} }
.ui.\31\30.buttons > .button,
.ui.ten.buttons > .button { .ui.ten.buttons > .button {
width: 10%; width: 10%;
} }
.ui.\31\31.buttons > .button,
.ui.eleven.buttons > .button { .ui.eleven.buttons > .button {
width: 9.09%; width: 9.09%;
} }
.ui.\31\32.buttons > .button,
.ui.twelve.buttons > .button { .ui.twelve.buttons > .button {
width: 8.3333%; width: 8.3333%;
} }
@ -1037,36 +1048,48 @@
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.ui.\32.vertical.buttons > .button,
.ui.two.vertical.buttons > .button { .ui.two.vertical.buttons > .button {
height: 50%; height: 50%;
} }
.ui.\33.vertical.buttons > .button,
.ui.three.vertical.buttons > .button { .ui.three.vertical.buttons > .button {
height: 33.333%; height: 33.333%;
} }
.ui.\34.vertical.buttons > .button,
.ui.four.vertical.buttons > .button { .ui.four.vertical.buttons > .button {
height: 25%; height: 25%;
} }
.ui.\35.vertical.buttons > .button,
.ui.five.vertical.buttons > .button { .ui.five.vertical.buttons > .button {
height: 20%; height: 20%;
} }
.ui.\36.vertical.buttons > .button,
.ui.six.vertical.buttons > .button { .ui.six.vertical.buttons > .button {
height: 16.666%; height: 16.666%;
} }
.ui.\37.vertical.buttons > .button,
.ui.seven.vertical.buttons > .button { .ui.seven.vertical.buttons > .button {
height: 14.285%; height: 14.285%;
} }
.ui.\38.vertical.buttons > .button,
.ui.eight.vertical.buttons > .button { .ui.eight.vertical.buttons > .button {
height: 12.500%; height: 12.500%;
} }
.ui.\39.vertical.buttons > .button,
.ui.nine.vertical.buttons > .button { .ui.nine.vertical.buttons > .button {
height: 11.11%; height: 11.11%;
} }
.ui.\31\30.vertical.buttons > .button,
.ui.ten.vertical.buttons > .button { .ui.ten.vertical.buttons > .button {
height: 10%; height: 10%;
} }
.ui.\31\31.vertical.buttons > .button,
.ui.eleven.vertical.buttons > .button { .ui.eleven.vertical.buttons > .button {
height: 9.09%; height: 9.09%;
} }
.ui.\31\32.vertical.buttons > .button,
.ui.twelve.vertical.buttons > .button { .ui.twelve.vertical.buttons > .button {
height: 8.3333%; height: 8.3333%;
} }

Loading…
Cancel
Save