m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

@3x media query for logo

Browse Source
This commit is contained in:
Matthias Kretschmann 2013-12-03 21:28:22 +01:00
parent c02c0ca31b
commit fce86ed86c
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_src/assets/less/scaffolding.less
View File

@ -74,7 +74,7 @@ body {
background-image: url('../img/logo@2x.png'); background-image: url('../img/logo@2x.png');
background-size: 183px 62px; background-size: 183px 62px;
} }
@media print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 300dpi) { @media @highDPI_3x {
background-image: url('../img/logo@3x.png'); background-image: url('../img/logo@3x.png');
background-size: 183px 62px; background-size: 183px 62px;
} }

3
_src/assets/less/variables.less
View File

@ -63,4 +63,5 @@
// High dpi media query // High dpi media query
///////////////////////////////////// /////////////////////////////////////
@highDPI: ~"print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) "; @highDPI: ~"print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) ";
@highDPI_3x: ~"print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 344dpi) ";