From b2fca472042e2a038d806e1fec9d9ccaa73fa6a2 Mon Sep 17 00:00:00 2001 From: Emmanuel Pelletier Date: Wed, 28 Mar 2012 19:38:59 +0300 Subject: [PATCH 1/2] updating image replacement method according to https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757c9e03dda4e463fb0d4db5a5f82d7#css/style.css --- stylesheets/h5bp/_helpers.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/stylesheets/h5bp/_helpers.scss b/stylesheets/h5bp/_helpers.scss index e4ec9b7..8a6af0e 100644 --- a/stylesheets/h5bp/_helpers.scss +++ b/stylesheets/h5bp/_helpers.scss @@ -18,12 +18,11 @@ // For image replacement @mixin image-replacement($img: none, $x: 50%, $y: 50%) { - display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; + border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; @if $img != none { background-image: image-url($img); background-position: $x $y; } - br { display: none; } } // Uses image dimensions From 0a7726572ea07f00aa651dd735006cc7e17d909b Mon Sep 17 00:00:00 2001 From: Emmanuel Pelletier Date: Wed, 28 Mar 2012 19:40:48 +0300 Subject: [PATCH 2/2] modified the original .ir class according to https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757c9e03dda4e463fb0d4db5a5f82d7#css/style.css --- test/project/sass/original.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/test/project/sass/original.scss b/test/project/sass/original.scss index d368a17..0d43b03 100644 --- a/test/project/sass/original.scss +++ b/test/project/sass/original.scss @@ -252,8 +252,7 @@ td { vertical-align: top; } ========================================================================== */ /* For image replacement */ -.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } -.ir br { display: none; } +.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; }