From 3072e37228c37c8dc4307897f2a31fdc6c36b4df Mon Sep 17 00:00:00 2001 From: Ninir Date: Tue, 11 Aug 2015 10:25:12 +0200 Subject: [PATCH] Updated the H5BP file --- src/resets/_h5bp.scss | 49 ++++++++++++++++++++++++------------------- 1 file changed, 28 insertions(+), 21 deletions(-) diff --git a/src/resets/_h5bp.scss b/src/resets/_h5bp.scss index 451d46ac..073d93c0 100644 --- a/src/resets/_h5bp.scss +++ b/src/resets/_h5bp.scss @@ -33,16 +33,13 @@ html { } /* - * Remove text-shadow in selection highlight: h5bp.com/i + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * * These selection rule sets have to be separate. * Customize the background color to match your design. */ -::-moz-selection { - background: #b3d4fc; - text-shadow: none; -} - ::selection { background: #b3d4fc; text-shadow: none; @@ -62,12 +59,14 @@ hr { } /* - * Remove the gap between images, videos, audio and canvas and the bottom of - * their containers: h5bp.com/i/440 + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, +iframe, img, svg, video { @@ -93,10 +92,10 @@ textarea { } /* ========================================================================== - Browse Happy prompt + Browser Upgrade Prompt ========================================================================== */ -.browsehappy { +.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; @@ -128,16 +127,16 @@ textarea { ========================================================================== */ /* - * Hide visually and from screen readers: h5bp.com/u + * Hide visually and from screen readers: */ .hidden { display: none !important; - visibility: hidden; } /* - * Hide only visually, but have it available for screen readers: h5bp.com/v + * Hide only visually, but have it available for screen readers: + * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { @@ -152,8 +151,9 @@ textarea { } /* - * Extends the .visuallyhidden class to allow the element to be focusable - * when navigated to via the keyboard: h5bp.com/p + * Extends the .visuallyhidden class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, @@ -207,23 +207,25 @@ textarea { } @media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. - Inlined to avoid the additional HTTP request: h5bp.com/r + Inlined to avoid the additional HTTP request: + http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, - *:after { + *:after, + *:first-letter, + *:first-line { background: transparent !important; - color: #000 !important; /* Black prints faster: h5bp.com/s */ + color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } @@ -257,8 +259,13 @@ textarea { page-break-inside: avoid; } + /* + * Printing Tables: + * http://css-discuss.incutio.com/wiki/Printing_Tables + */ + thead { - display: table-header-group; /* h5bp.com/t */ + display: table-header-group; } tr,