#2375 Remove number variations from button

RELEASE-NOTES.md

@@ -15,6 +15,7 @@
 - **Segment** - Segment no longer includes a [clearfix](http://learnlayout.com/clearfix.html) by default. You will need to specify a `clearing segment` to fix issues caused by floated content.
 - **Rail** - Rail now uses `border-box` instead of previous `content-box`. This means any manually set rail widths will now need to account for padding. This fixes issues where rail height may be mismatched when using padding due to differences in `100%` height
 - **Tab** - `onTabInit` and `onTabLoad` have been renamed to `onFirstLoad` and `onLoad` respectively. This is to conform to the naming conventions of other modules. Previous callbacks will continue to work but will produce deprecation notices in console. Two new callbacks `onVisible` and `onRequest` have been added as well.
+- **Button** - `wide` variations using numbers `2 wide`, `3 wide` have been removed due to incompatibilities with build tools. Please use `two wide`, or `three wide` instead.
 
 **New UI**
 - **Container** - Containers are fixed width containers meant for holding page contents, and are a simpler alternative to `ui page grid`, view more [examples in docs](http://www.semantic-ui.com/elements/container.html#examples)

src/definitions/elements/button.less

@@ -1050,101 +1050,79 @@
   width: 100%;
 }
 
-.ui.\32.buttons,
 .ui.two.buttons {
   width: 100%;
 }
-.ui.\32.buttons > .button,
 .ui.two.buttons > .button {
   width: 50%;
 }
 
-.ui.\33.buttons,
 .ui.three.buttons {
   width: 100%;
 }
-.ui.\33.buttons > .button,
 .ui.three.buttons > .button {
   width: 33.333%;
 }
 
-.ui.\34.buttons,
 .ui.four.buttons {
   width: 100%;
 }
-.ui.\34.buttons > .button,
 .ui.four.buttons > .button {
   width: 25%;
 }
 
-.ui.\35.buttons,
 .ui.five.buttons {
   width: 100%;
 }
-.ui.\35.buttons > .button,
 .ui.five.buttons > .button {
   width: 20%;
 }
 
-.ui.\36.buttons,
 .ui.six.buttons {
   width: 100%;
 }
-.ui.\36.buttons > .button,
 .ui.six.buttons > .button {
   width: 16.666%;
 }
 
-.ui.\37.buttons,
 .ui.seven.buttons {
   width: 100%;
 }
-.ui.\37.buttons > .button,
 .ui.seven.buttons > .button {
   width: 14.285%;
 }
 
-.ui.\38.buttons,
 .ui.eight.buttons {
   width: 100%;
 }
-.ui.\38.buttons > .button,
 .ui.eight.buttons > .button {
   width: 12.500%;
 }
 
-.ui.\39.buttons,
 .ui.nine.buttons {
   width: 100%;
 }
-.ui.\39.buttons > .button,
 .ui.nine.buttons > .button {
   width: 11.11%;
 }
 
-.ui.\31\30.buttons,
 .ui.ten.buttons {
   width: 100%;
 }
-.ui.\31\30.buttons > .button,
 .ui.ten.buttons > .button {
   width: 10%;
 }
 
-.ui.\31\31.buttons,
 .ui.eleven.buttons {
   width: 100%;
 }
-.ui.\31\31.buttons > .button,
 .ui.eleven.buttons > .button {
   width: 9.09%;
 }
 
-.ui.\31\32.buttons,
 .ui.twelve.buttons {
   width: 100%;
 }
-.ui.\31\32.buttons > .button,
 .ui.twelve.buttons > .button {
   width: 8.3333%;
 }
@@ -1156,47 +1134,36 @@
   width: auto;
 }
 
-.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%;
 }