From 1058dcab20b3a4ab5bd48097978c2a2931fff722 Mon Sep 17 00:00:00 2001 From: Zhiming Wang Date: Sun, 26 Jul 2015 12:56:20 -0700 Subject: optimize Atom, RSS and CC icons for retina display Again using -webkit-image-set. --- source/css/theme.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'source/css') diff --git a/source/css/theme.css b/source/css/theme.css index 9303edb2..c93f2877 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -192,9 +192,10 @@ footer .rfooter { footer .rfooter .cc-icon { width: 16px; height: 16px; - padding: 0 2px; + padding: 0 1px; display: inline-block; background-image: url("/img/cc-16.png"); + background-image: -webkit-image-set( url("/img/cc-16.png") 1x, url("/img/cc-32.png") 2x ); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -207,7 +208,8 @@ footer .rfooter .atom-icon { height: 16px; padding: 0 2px; display: inline-block; - background-image: url("/img/feed-14.png"); + background-image: url("/img/feed-16.png"); + background-image: -webkit-image-set( url("/img/feed-16.png") 1x, url("/img/feed-32.png") 2x ); background-repeat: no-repeat; background-position: center; background-size: 14px; @@ -220,7 +222,8 @@ footer .rfooter .rss-icon { height: 16px; padding: 0 2px; display: inline-block; - background-image: url("/img/rss-14.png"); + background-image: url("/img/rss-16.png"); + background-image: -webkit-image-set( url("/img/rss-16.png") 1x, url("/img/rss-32.png") 2x ); background-repeat: no-repeat; background-position: center; background-size: 14px; -- cgit v1.2.1