aboutsummaryrefslogtreecommitdiff
path: root/source
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2015-07-25 19:20:30 -0700
committerZhiming Wang <zmwangx@gmail.com>2015-07-25 19:20:30 -0700
commit01db430407b5d16d04f78317932eaaab5efc5cb4 (patch)
tree5286cd87bd51972d019ade306142f3a0f6ec64a1 /source
parent7f52b9d8aaaa16869821632b57ea8dc86bab865a (diff)
downloadmy_new_personal_website-01db430407b5d16d04f78317932eaaab5efc5cb4.tar.xz
my_new_personal_website-01db430407b5d16d04f78317932eaaab5efc5cb4.zip
use -webkit-image-set to make icon look sharper on Retina displays
Diffstat (limited to '')
-rw-r--r--source/css/theme-narrow.css1
-rw-r--r--source/css/theme.css1
2 files changed, 2 insertions, 0 deletions
diff --git a/source/css/theme-narrow.css b/source/css/theme-narrow.css
index c36a767e..90735546 100644
--- a/source/css/theme-narrow.css
+++ b/source/css/theme-narrow.css
@@ -15,6 +15,7 @@ nav div .blog-icon {
height: 200px;
width: 200px;
background-image: url("/img/icon-200.png");
+ background-image: -webkit-image-set( url("/img/icon-200.png") 1x, url("/img/icon-400.png") 2x );
background-size: 200px;
}
diff --git a/source/css/theme.css b/source/css/theme.css
index 93bc3068..9303edb2 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -22,6 +22,7 @@ nav div .blog-icon {
height: 100px;
display: inline-block;
background-image: url("/img/icon-100.png");
+ background-image: -webkit-image-set( url("/img/icon-100.png") 1x, url("/img/icon-200.png") 2x );
background-repeat: no-repeat;
background-position: center;
background-size: 100px;