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

Loading…
Cancel
Save