From: harry Date: Wed, 8 Feb 2017 17:59:01 +0000 (+0530) Subject: Visual Regression: Added image replacement (text-hide) to testing X-Git-Tag: v6.4.0-rc1~23^2~20^2~72 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=17150cc2460c2f28c1fd0fb82d9473ba77b33863;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Visual Regression: Added image replacement (text-hide) to testing Also updated docs for the same. --- diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md index 83dbbad3e..5cd88580c 100644 --- a/docs/pages/prototyping.md +++ b/docs/pages/prototyping.md @@ -379,9 +379,12 @@ These overflow classes helps you to clip content, render scrollbars or simply ju You might want to include a logo on the page but you also would like to use a text within a header tag for the sake of accessibility and also for gaining benifits from SEO, and ideally on the webpage you would like to show your logo and not text. In that scenario you can utilize this `.text-hide` class to replace an element’s text content with a background image, often logo. -```html -

Lorem ipsum dolor.

-``` +```html_example + + + Zurb + +``` --- diff --git a/test/visual/prototype/image-replacement.html b/test/visual/prototype/image-replacement.html new file mode 100644 index 000000000..ea37ad2ab --- /dev/null +++ b/test/visual/prototype/image-replacement.html @@ -0,0 +1,26 @@ + + + + + + + Foundation for Sites Testing + + + + +
+

Text Hide

+ + + Zurb + +
+ + + + + +