diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 19:20:30 -0700 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 19:20:30 -0700 |
| commit | 01db430407b5d16d04f78317932eaaab5efc5cb4 (patch) | |
| tree | 5286cd87bd51972d019ade306142f3a0f6ec64a1 | |
| parent | 7f52b9d8aaaa16869821632b57ea8dc86bab865a (diff) | |
| download | my_new_personal_website-01db430407b5d16d04f78317932eaaab5efc5cb4.tar.xz my_new_personal_website-01db430407b5d16d04f78317932eaaab5efc5cb4.zip | |
use -webkit-image-set to make icon look sharper on Retina displays
| -rw-r--r-- | source/css/theme-narrow.css | 1 | ||||
| -rw-r--r-- | source/css/theme.css | 1 |
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; |