diff --git a/fork-versions/default/_normalize.scss b/fork-versions/default/_normalize.scss index e90a3e90c..a107a23f8 100644 --- a/fork-versions/default/_normalize.scss +++ b/fork-versions/default/_normalize.scss @@ -375,22 +375,31 @@ svg:not(:root) { /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** diff --git a/fork-versions/deprecated-compass/_normalize.scss b/fork-versions/deprecated-compass/_normalize.scss index 6f1bdef92..0ab446cc4 100644 --- a/fork-versions/deprecated-compass/_normalize.scss +++ b/fork-versions/deprecated-compass/_normalize.scss @@ -372,22 +372,31 @@ svg:not(:root) { /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** diff --git a/fork-versions/typey-chroma-kss/base/forms/_forms.scss b/fork-versions/typey-chroma-kss/base/forms/_forms.scss index 8ce8602b2..826f58851 100644 --- a/fork-versions/typey-chroma-kss/base/forms/_forms.scss +++ b/fork-versions/typey-chroma-kss/base/forms/_forms.scss @@ -105,6 +105,19 @@ input { // HTML5 types: `text`, `search`, `tel`, `url`, `email`, `password`, `date`, // `time`, `number`, `range`, `color`, and `file`. // +// Note: Certain font size values applied to `number` inputs cause the cursor +// style of the decrement button to change from `default` to `text`. +// +// Note: The search input is not fully stylable by default. In Chrome and Safari +// on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In +// Chrome and Safari on Windows you can't control `border` properly. It will +// apply `border-width` but will only show a border color (which cannot be +// controlled) for the outer 1px of that border. Applying +// `-webkit-appearance: textfield` addresses these issues without removing the +// benefits of search inputs (e.g. showing past searches). Safari (but not +// Chrome) will clip the cancel button on when it has padding (and `textfield` +// appearance). +// // Markup: forms-input.twig // // Style guide: forms.base.input @@ -138,8 +151,8 @@ input { // If an `` element has the `type='checkbox'` attribute set, the form // field is displayed as a checkbox. // -// It's recommended that you don't attempt to style these elements. Firefox's -// implementation doesn't respect `box-sizing`, `padding`, or `width`. +// It is recommended that you do not style checkbox and radio inputs as +// Firefox's implementation does not respect box-sizing, padding, or width. // // Markup: forms-input-checkbox.twig // @@ -150,8 +163,8 @@ input { // If an `` element has the `type='radio'` attribute set, the form field // is displayed as a radio button. // -// It's recommended that you don't attempt to style these elements. Firefox's -// implementation doesn't respect `box-sizing`, `padding`, or `width`. +// It is recommended that you do not style checkbox and radio inputs as +// Firefox's implementation does not respect box-sizing, padding, or width. // // Markup: forms-input-radio.twig // @@ -215,7 +228,9 @@ label { // options. // // Known limitation: by default, Chrome and Safari on OS X allow very limited -// styling of ``, unless a `border` property is set. The default font +// weight on `optgroup` elements cannot safely be changed in Chrome on OSX and +// Safari on OS X. // // Markup: forms-select.twig // diff --git a/fork-versions/typey/_normalize.scss b/fork-versions/typey/_normalize.scss index 8f1213cf8..7d3f02cac 100644 --- a/fork-versions/typey/_normalize.scss +++ b/fork-versions/typey/_normalize.scss @@ -330,22 +330,31 @@ svg:not(:root) { /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** diff --git a/sass/normalize/_normalize-mixin.scss b/sass/normalize/_normalize-mixin.scss index ca6240452..70a8d3d37 100644 --- a/sass/normalize/_normalize-mixin.scss +++ b/sass/normalize/_normalize-mixin.scss @@ -414,26 +414,6 @@ /* Forms ========================================================================== */ - /** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ - /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/fork-versions/default/output.css b/test/fixtures/fork-versions/default/output.css index 466041461..5c89210d0 100644 --- a/test/fixtures/fork-versions/default/output.css +++ b/test/fixtures/fork-versions/default/output.css @@ -205,22 +205,31 @@ svg:not(:root) { ========================================================================== */ /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** * 1. Change the font styles in all browsers (opinionated). diff --git a/test/fixtures/fork-versions/deprecated-compass/output.css b/test/fixtures/fork-versions/deprecated-compass/output.css index 395db2935..d99d989c5 100644 --- a/test/fixtures/fork-versions/deprecated-compass/output.css +++ b/test/fixtures/fork-versions/deprecated-compass/output.css @@ -218,22 +218,31 @@ svg:not(:root) { ========================================================================== */ /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** * 1. Change the font styles in all browsers (opinionated). diff --git a/test/fixtures/fork-versions/typey/output.css b/test/fixtures/fork-versions/typey/output.css index 717bfaf98..0ddace92d 100644 --- a/test/fixtures/fork-versions/typey/output.css +++ b/test/fixtures/fork-versions/typey/output.css @@ -270,22 +270,31 @@ svg:not(:root) { ========================================================================== */ /** * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of + * - `select`: + * By default, Chrome on OS X and Safari on OS X allow very limited styling of * select, unless a border property is set. The default font weight on * optgroup elements cannot safely be changed in Chrome on OSX and Safari on * OS X. - * - It is recommended that you do not style checkbox and radio inputs as + * - `[type="checkbox"]`: + * It is recommended that you do not style checkbox and radio inputs as * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). + * - `[type="number"]`: + * Certain font size values applied to number inputs cause the cursor style of + * the decrement button to change from `default` to `text`. + * - `[type="search"]`: + * The search input is not fully stylable by default. In Chrome and Safari on + * OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In + * Chrome and Safari on Windows you can't control `border` properly. It will + * apply `border-width` but will only show a border color (which cannot be + * controlled) for the outer 1px of that border. Applying + * `-webkit-appearance: textfield` addresses these issues without removing the + * benefits of search inputs (e.g. showing past searches). Safari (but not + * Chrome) will clip the cancel button on when it has padding (and `textfield` + * appearance). + * - `::placeholder`: + * In Edge, placeholders will disappear on `relative` or `absolute` positioned + * `` elements if you use `opacity` less than `1` due to a + * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** * 1. Change the font styles in all browsers (opinionated). diff --git a/test/fixtures/import-now/output.css b/test/fixtures/import-now/output.css index e3c0a62dc..429af5807 100644 --- a/test/fixtures/import-now/output.css +++ b/test/fixtures/import-now/output.css @@ -213,25 +213,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/normalize/exclude-multiple/output.css b/test/fixtures/normalize/exclude-multiple/output.css index a5f32e47f..bb64a3476 100644 --- a/test/fixtures/normalize/exclude-multiple/output.css +++ b/test/fixtures/normalize/exclude-multiple/output.css @@ -142,25 +142,6 @@ sup { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/normalize/exclude-string/output.css b/test/fixtures/normalize/exclude-string/output.css index a0283ce1f..4c677fc8a 100644 --- a/test/fixtures/normalize/exclude-string/output.css +++ b/test/fixtures/normalize/exclude-string/output.css @@ -213,25 +213,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/variables/default/output.css b/test/fixtures/variables/default/output.css index e3c0a62dc..429af5807 100644 --- a/test/fixtures/variables/default/output.css +++ b/test/fixtures/variables/default/output.css @@ -213,25 +213,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/variables/font/output.css b/test/fixtures/variables/font/output.css index 534aa32a8..9f42c915a 100644 --- a/test/fixtures/variables/font/output.css +++ b/test/fixtures/variables/font/output.css @@ -275,25 +275,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css index 05315d2e4..013be0056 100644 --- a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css +++ b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css @@ -275,25 +275,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. diff --git a/test/fixtures/variables/indent-amount/output.css b/test/fixtures/variables/indent-amount/output.css index 38292d9ce..be92ac7fd 100644 --- a/test/fixtures/variables/indent-amount/output.css +++ b/test/fixtures/variables/indent-amount/output.css @@ -213,25 +213,6 @@ svg:not(:root) { /* Forms ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In Chrome - * and Safari on Windows you can't control border properly. It will apply - * border-width but will only show a border color (which cannot be controlled) - * for the outer 1px of that border. Applying -webkit-appearance: textfield - * addresses these issues without removing the benefits of search inputs (e.g. - * showing past searches). Safari (but not Chrome) will clip the cancel button - * on when it has padding (and textfield appearance). - */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari.