Skip to content
This repository has been archived by the owner on May 22, 2023. It is now read-only.

Commit

Permalink
(#3) Styling: Added support for retina images
Browse files Browse the repository at this point in the history
  • Loading branch information
Dirk Voss committed Oct 8, 2014
1 parent 53daa62 commit eecdb8e
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 15 deletions.
18 changes: 9 additions & 9 deletions application/layouts/application/default.theme/css/application.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ a:focus {
display: block;
height: 60px;
width: 257px;
background: url("../images/laxarjs_logo.png") no-repeat right;
background: url("../images/laxarjs_logo.png") no-repeat right/100%;
}

.app-no-selection,
Expand All @@ -135,11 +135,13 @@ a:focus {
}

.app-flower {
float: right;
margin-top: 40px;
margin-right: 20px;
margin-bottom: 40px;
height: 300px;
background: url("../images/pot_flower.png") no-repeat right;
width: 127px;
background: url("../images/pot_flower.png") no-repeat right/100%;
}

.app-footer {
Expand Down Expand Up @@ -207,12 +209,10 @@ a,
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.app-logo {
background: url("../images/laxarjs_logo@2x.png") no-repeat right;
}
.app-logo {
background: url("../images/laxarjs_logo@2x.png") no-repeat right/100%;
}

.app-flower {
background: url("../images/pot_flower@2x.png") no-repeat right;
}
.app-flower {
background: url("../images/pot_flower@2x.png") no-repeat right/100%;
}
14 changes: 8 additions & 6 deletions application/layouts/application/default.theme/scss/_base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ a:focus {
display: block;
height: image-height( "../images/laxarjs_logo.png" );
width: image-width( "../images/laxarjs_logo.png" );
background: url( "../images/laxarjs_logo.png" ) no-repeat right;
background: url( "../images/laxarjs_logo.png" ) no-repeat right/100%;
}

.app-no-selection,
Expand All @@ -59,11 +59,13 @@ a:focus {
}

.app-flower {
float: right;
margin-top: 40px;
margin-right: 20px;
margin-bottom: 40px;
height: image-height( "../images/pot_flower.png" );
background: url( "../images/pot_flower.png" ) no-repeat right;
width: image-width( "../images/pot_flower.png" );
background: url( "../images/pot_flower.png" ) no-repeat right/100%;
}

.app-footer {
Expand Down Expand Up @@ -131,11 +133,11 @@ a,
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
// @media only screen and (-webkit-min-device-pixel-ratio: 2) {
.app-logo {
background: url( "../images/laxarjs_logo@2x.png" ) no-repeat right;
background: url( "../images/laxarjs_logo@2x.png" ) no-repeat right/100%;
}
.app-flower {
background: url( "../images/pot_flower@2x.png" ) no-repeat right;
background: url( "../images/pot_flower@2x.png" ) no-repeat right/100%;
}
}
// }

0 comments on commit eecdb8e

Please sign in to comment.