_normalize.scss (7983B)
1 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 3 // 4 // 1. Set default font family to sans-serif. 5 // 2. Prevent iOS and IE text size adjust after device orientation change, 6 // without disabling user zoom. 7 // 8 9 html { 10 font-family: sans-serif; // 1 11 -ms-text-size-adjust: 100%; // 2 12 -webkit-text-size-adjust: 100%; // 2 13 } 14 15 // 16 // Remove default margin. 17 // 18 19 body { 20 margin: 0; 21 } 22 23 // HTML5 display definitions 24 // ========================================================================== 25 26 // 27 // Correct `block` display not defined for any HTML5 element in IE 8/9. 28 // Correct `block` display not defined for `details` or `summary` in IE 10/11 29 // and Firefox. 30 // Correct `block` display not defined for `main` in IE 11. 31 // 32 33 article, 34 aside, 35 details, 36 figcaption, 37 figure, 38 footer, 39 header, 40 hgroup, 41 main, 42 menu, 43 nav, 44 section, 45 summary { 46 display: block; 47 } 48 49 // 50 // 1. Correct `inline-block` display not defined in IE 8/9. 51 // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 // 53 54 audio, 55 canvas, 56 progress, 57 video { 58 display: inline-block; // 1 59 vertical-align: baseline; // 2 60 } 61 62 // 63 // Prevent modern browsers from displaying `audio` without controls. 64 // Remove excess height in iOS 5 devices. 65 // 66 67 audio:not([controls]) { 68 display: none; 69 height: 0; 70 } 71 72 // 73 // Address `[hidden]` styling not present in IE 8/9/10. 74 // Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 75 // 76 77 [hidden], 78 template { 79 display: none; 80 } 81 82 // Links 83 // ========================================================================== 84 85 // 86 // Remove the gray background color from active links in IE 10. 87 // 88 89 a { 90 background-color: transparent; 91 } 92 93 // 94 // Improve readability of focused elements when they are also in an 95 // active/hover state. 96 // 97 98 a:active, 99 a:hover { 100 outline: 0; 101 } 102 103 // Text-level semantics 104 // ========================================================================== 105 106 // 107 // Address styling not present in IE 8/9/10/11, Safari, and Chrome. 108 // 109 110 abbr[title] { 111 border-bottom: 1px dotted; 112 } 113 114 // 115 // Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 116 // 117 118 b, 119 strong { 120 font-weight: bold; 121 } 122 123 // 124 // Address styling not present in Safari and Chrome. 125 // 126 127 dfn { 128 font-style: italic; 129 } 130 131 // 132 // Address variable `h1` font-size and margin within `section` and `article` 133 // contexts in Firefox 4+, Safari, and Chrome. 134 // 135 136 h1 { 137 font-size: 2em; 138 margin: 0.67em 0; 139 } 140 141 // 142 // Address styling not present in IE 8/9. 143 // 144 145 mark { 146 background: #ff0; 147 color: #000; 148 } 149 150 // 151 // Address inconsistent and variable font size in all browsers. 152 // 153 154 small { 155 font-size: 80%; 156 } 157 158 // 159 // Prevent `sub` and `sup` affecting `line-height` in all browsers. 160 // 161 162 sub, 163 sup { 164 font-size: 75%; 165 line-height: 0; 166 position: relative; 167 vertical-align: baseline; 168 } 169 170 sup { 171 top: -0.5em; 172 } 173 174 sub { 175 bottom: -0.25em; 176 } 177 178 // Embedded content 179 // ========================================================================== 180 181 // 182 // Remove border when inside `a` element in IE 8/9/10. 183 // 184 185 img { 186 border: 0; 187 } 188 189 // 190 // Correct overflow not hidden in IE 9/10/11. 191 // 192 193 svg:not(:root) { 194 overflow: hidden; 195 } 196 197 // Grouping content 198 // ========================================================================== 199 200 // 201 // Address margin not present in IE 8/9 and Safari. 202 // 203 204 figure { 205 margin: 1em 40px; 206 } 207 208 // 209 // Address differences between Firefox and other browsers. 210 // 211 212 hr { 213 box-sizing: content-box; 214 height: 0; 215 } 216 217 // 218 // Contain overflow in all browsers. 219 // 220 221 pre { 222 overflow: auto; 223 } 224 225 // 226 // Address odd `em`-unit font size rendering in all browsers. 227 // 228 229 code, 230 kbd, 231 pre, 232 samp { 233 font-family: monospace, monospace; 234 font-size: 1em; 235 } 236 237 // Forms 238 // ========================================================================== 239 240 // 241 // Known limitation: by default, Chrome and Safari on OS X allow very limited 242 // styling of `select`, unless a `border` property is set. 243 // 244 245 // 246 // 1. Correct color not being inherited. 247 // Known issue: affects color of disabled elements. 248 // 2. Correct font properties not being inherited. 249 // 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 // 251 252 button, 253 input, 254 optgroup, 255 select, 256 textarea { 257 color: inherit; // 1 258 font: inherit; // 2 259 margin: 0; // 3 260 } 261 262 // 263 // Address `overflow` set to `hidden` in IE 8/9/10/11. 264 // 265 266 button { 267 overflow: visible; 268 } 269 270 // 271 // Address inconsistent `text-transform` inheritance for `button` and `select`. 272 // All other form control elements do not inherit `text-transform` values. 273 // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 // Correct `select` style inheritance in Firefox. 275 // 276 277 button, 278 select { 279 text-transform: none; 280 } 281 282 // 283 // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 // and `video` controls. 285 // 2. Correct inability to style clickable `input` types in iOS. 286 // 3. Improve usability and consistency of cursor style between image-type 287 // `input` and others. 288 // 289 290 button, 291 html input[type="button"], // 1 292 input[type="reset"], 293 input[type="submit"] { 294 -webkit-appearance: button; // 2 295 cursor: pointer; // 3 296 } 297 298 // 299 // Re-set default cursor for disabled elements. 300 // 301 302 button[disabled], 303 html input[disabled] { 304 cursor: default; 305 } 306 307 // 308 // Remove inner padding and border in Firefox 4+. 309 // 310 311 button::-moz-focus-inner, 312 input::-moz-focus-inner { 313 border: 0; 314 padding: 0; 315 } 316 317 // 318 // Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 // the UA stylesheet. 320 // 321 322 input { 323 line-height: normal; 324 } 325 326 // 327 // It's recommended that you don't attempt to style these elements. 328 // Firefox's implementation doesn't respect box-sizing, padding, or width. 329 // 330 // 1. Address box sizing set to `content-box` in IE 8/9/10. 331 // 2. Remove excess padding in IE 8/9/10. 332 // 333 334 input[type="checkbox"], 335 input[type="radio"] { 336 box-sizing: border-box; // 1 337 padding: 0; // 2 338 } 339 340 // 341 // Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 // `font-size` values of the `input`, it causes the cursor style of the 343 // decrement button to change from `default` to `text`. 344 // 345 346 input[type="number"]::-webkit-inner-spin-button, 347 input[type="number"]::-webkit-outer-spin-button { 348 height: auto; 349 } 350 351 // 352 // 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 // 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 354 // 355 356 input[type="search"] { 357 -webkit-appearance: textfield; // 1 358 box-sizing: content-box; //2 359 } 360 361 // 362 // Remove inner padding and search cancel button in Safari and Chrome on OS X. 363 // Safari (but not Chrome) clips the cancel button when the search input has 364 // padding (and `textfield` appearance). 365 // 366 367 input[type="search"]::-webkit-search-cancel-button, 368 input[type="search"]::-webkit-search-decoration { 369 -webkit-appearance: none; 370 } 371 372 // 373 // Define consistent border, margin, and padding. 374 // 375 376 fieldset { 377 border: 1px solid #c0c0c0; 378 margin: 0 2px; 379 padding: 0.35em 0.625em 0.75em; 380 } 381 382 // 383 // 1. Correct `color` not being inherited in IE 8/9/10/11. 384 // 2. Remove padding so people aren't caught out if they zero out fieldsets. 385 // 386 387 legend { 388 border: 0; // 1 389 padding: 0; // 2 390 } 391 392 // 393 // Remove default vertical scrollbar in IE 8/9/10/11. 394 // 395 396 textarea { 397 overflow: auto; 398 } 399 400 // 401 // Don't inherit the `font-weight` (applied by a rule above). 402 // NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 403 // 404 405 optgroup { 406 font-weight: bold; 407 } 408 409 // Tables 410 // ========================================================================== 411 412 // 413 // Remove most spacing between table cells. 414 // 415 416 table { 417 border-collapse: collapse; 418 border-spacing: 0; 419 } 420 421 td, 422 th { 423 padding: 0; 424 }