m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 09:56:51 +01:00
Code

logo refinements

Browse Source
This commit is contained in:
Matthias Kretschmann 2013-12-01 15:06:06 +01:00
parent 766e03856c
commit 53ed691396
3 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
_src/assets/less/mixins.less
View File

@ -2,30 +2,6 @@
// MIXINS // MIXINS
///////////////////////////////////// /////////////////////////////////////
// Logo
/////////////////////////////////////
.logo {
display: block;
background-image: data-uri('../img/logo.png');
background-repeat: no-repeat;
background-position: left top;
width: 47px;
height: 31px;
@media @breakpoint2 {
width: 183px;
}
@media @highDPI {
background-image: url('../img/logo@2x.png');
background-size: 183px 31px;
}
@media print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 300dpi) {
background-image: url('../img/logo@3x.png');
background-size: 183px 31px;
}
}
// Dimmed Text // Dimmed Text
///////////////////////////////////// /////////////////////////////////////

1
_src/assets/less/navigation.less
View File

@ -32,6 +32,7 @@
// //
.nav-main { .nav-main {
li { display: inline-block; } li { display: inline-block; }
.nav-popover { .nav-popover {

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

@ -28,6 +28,10 @@ body {
.banner { .banner {
float: left; float: left;
@media @breakpoint2 {
margin-left: -55px
}
.banner-title { .banner-title {
margin-top: .1em; margin-top: .1em;
margin-bottom: 0; margin-bottom: 0;
@ -52,6 +56,30 @@ body {
} }
} }
// Logo
/////////////////////////////////////
.logo {
display: block;
background-image: data-uri('../img/logo.png');
background-repeat: no-repeat;
background-position: left top;
width: 47px;
height: 31px;
@media @breakpoint2 {
width: 183px;
}
@media @highDPI {
background-image: url('../img/logo@2x.png');
background-size: 183px 31px;
}
@media print, (-webkit-min-device-pixel-ratio: 3), (min-resolution: 300dpi) {
background-image: url('../img/logo@3x.png');
background-size: 183px 31px;
}
}
// //
// close button // close button
// //