diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index bbfbe4669..3ba385c71 100644 --- a/RELEASE-NOTES.md +++ b/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) diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index 5e044bbd3..d628f3f05 100755 --- a/src/definitions/elements/button.less +++ b/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%; }