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