diff --git a/CHANGELOG.md b/CHANGELOG.md index 55a6e19..49cbebf 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ === HEAD +=== 5.0.0 (Oct 01, 2015) + +* Remove support for `input` elements. + === 4.0.0 (June 26, 2014) * Change variable names. diff --git a/README.md b/README.md index 8422f88..1dc7c27 100644 --- a/README.md +++ b/README.md @@ -14,9 +14,8 @@ Read more about [SUIT CSS's design principles](https://github.com/suitcss/suit/) * `Button` - [core] The core button component * `is-disabled` - [state] For disabled-state button styles (themes) -N.B. You must also include the `disabled` attribute on `button` and `input` -elements. For `a` elements, you should remove the `href` attribute and prevent -JavaScript event handlers from firing. +N.B. You must also include the `disabled` attribute on `button` elements. For +`a` elements, you should prevent JavaScript event handlers from firing. ## Configurable variables @@ -35,8 +34,6 @@ Examples: Sign up - - ``` ### Theming / extending diff --git a/lib/button.css b/lib/button.css index 105f5de..e31900d 100644 --- a/lib/button.css +++ b/lib/button.css @@ -10,41 +10,35 @@ } /** - * The button classes are best applied to links, buttons, and submit inputs. + * The button classes are best applied to links and buttons. * These components can be used in forms, as calls to action, or as part of the * general UI of the site/app. */ /** - * 1. Corrects inability to style clickable `input` types in iOS. - * 2. Normalize `box-sizing` across all elements that this component could be + * 1. Normalize `box-sizing` across all elements that this component could be * applied to. - * 3. Inherit text color from ancestor. - * 4. Inherit font styles from ancestor. - * 5. Normalize `line-height`. For `input`, it can't be changed from `normal` in Firefox 4+. - * 6. Prevent button text from being selectable. - * 7. Make sure `input` will wrap text across multiple lines. + * 2. Inherit text color from ancestor. + * 3. Inherit font styles from ancestor. + * 4. Prevent button text from being selectable. */ .Button { - -webkit-appearance: none; /* 1 */ background: transparent; border-color: var(--Button-border-color); border-style: solid; border-width: var(--Button-border-width); - box-sizing: border-box; /* 2 */ - color: var(--Button-color); /* 3 */ + box-sizing: border-box; /* 1 */ + color: var(--Button-color); /* 2 */ cursor: pointer; display: inline-block; - font: var(--Button-font); /* 4 */ - line-height: normal; /* 5 */ + font: var(--Button-font); /* 3 */ margin: 0; padding: var(--Button-padding); position: relative; text-align: center; text-decoration: none; - user-select: none; /* 6 */ - white-space: normal; /* 7 */ + user-select: none; /* 4 */ } /** diff --git a/test/index.html b/test/index.html index 3b0afc5..93e2f4c 100644 --- a/test/index.html +++ b/test/index.html @@ -36,35 +36,30 @@