Use screenshot instead of text logo for U.S. Web Design Standards on …

…homepage. (#785)
PrismJS · Oct 14, 2015 · 79ebbf8 · 79ebbf8
1 parent e10d48b
commit 79ebbf8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/img/logo-us-web-design-standards.png b/img/logo-us-web-design-standards.png
diff --git a/img/screen-us-web-design-standards.png b/img/screen-us-web-design-standards.png
diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@ <h1>Used By</h1>
 
 	<div class="used-by-logos">
 		<a href="http://smashingmagazine.com" target="_blank"><img src="img/logo-smashing.png" alt="Smashing Magazine" /></a>
-		<a href="https://playbook.cio.gov/designstandards/" target="_blank"><img src="img/logo-us-web-design-standards.png" alt="U.S. Web Design Standards" /></a>
+		<a class="uswds" href="https://playbook.cio.gov/designstandards/" target="_blank">U.S. Web Design Standards</a>
 		<a href="http://alistapart.com" target="_blank"><img src="img/logo-ala.png" alt="A List Apart" /></a>
 
 		<a href="https://developer.mozilla.org/" target="_blank"><img src="img/logo-mdn.png" alt="Mozilla Developer Network (MDN)" /></a>

diff --git a/style.css b/style.css
@@ -372,6 +372,11 @@ footer {
 		border: 5px solid white;
 		position: relative;
 	}
+		.used-by-logos > .uswds {
+			background: url('img/screen-us-web-design-standards.png') no-repeat 0 0;
+			background-size: cover;
+			text-indent: -999em;
+		}
 		.used-by-logos > a > img {
 			max-height: 100%;
 			max-width: 100%;