stylesheets/h5bp/_normalize.scss in compass-h5bp-0.0.2 vs stylesheets/h5bp/_normalize.scss in compass-h5bp-0.0.5

- old
+ new

@@ -2,15 +2,17 @@ // Normalize // $line-height: 1.4 !default; $font-color: #222 !default; +$font-family: sans-serif !default; +$font-size: 1em !default; $link-color: #00e !default; $link-hover-color: #06e !default; $link-visited-color: #551a8b !default; $selected-font-color: #fff !default; -$selected-background-color: #ff5e99 !default; +$selected-background-color: #fe57a1 !default; $invalid-background-color: #f0dddd !default; @mixin h5bp-normalize { @include h5bp-display; @@ -39,18 +41,17 @@ // Base @mixin h5bp-base { // 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units - // 2. Force vertical scrollbar in non-IE - // 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g + // 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g - html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } + html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } - body { margin: 0; font-size: 1em; line-height: $line-height; } + html, button, input, select, textarea { font-family: $font-family; color: $font-color; } - body, button, input, select, textarea { font-family: sans-serif; color: $font-color; } + body { margin: 0; font-size: $font-size; line-height: $line-height; } } @mixin h5bp-selection { @@ -126,11 +127,11 @@ // Embedded content @mixin h5bp-embeds { // 1. Improve image quality when scaled in IE7: h5bp.com/d - // 2. Remove the gap between images and borders on image containers: h5bp.com/e + // 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } // Correct overflow not hidden in IE9 @@ -157,11 +158,11 @@ label { cursor: pointer; } // 1. Correct color not inheriting in IE6/7/8/9 // 2. Correct alignment displayed oddly in IE6/7 - legend { border: 0; *margin-left: -7px; padding: 0; } + legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } // 1. Correct font-size not inheriting in all browsers // 2. Remove margins in FF3/4 S5 Chrome // 3. Define consistent vertical alignment display in all browsers @@ -175,14 +176,18 @@ // 2. Allow styling of clickable form elements in iOS // 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } + // Re-set default cursor for disabled elements + + button[disabled], input[disabled] { cursor: default; } + // Consistent box sizing and appearance - input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } + input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } - input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } // Remove inner padding and border in FF3/4: h5bp.com/l button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } \ No newline at end of file