Appropriate Onebox style

This commit is contained in:
Robin Ward 2014-01-27 17:58:53 -05:00 committed by Neil Lalonde
parent e453bfa073
commit 30abc6b291
2 changed files with 58 additions and 3 deletions

View File

@ -1,6 +1,6 @@
GIT GIT
remote: https://github.com/dysania/onebox.git remote: https://github.com/dysania/onebox.git
revision: 1323ec18966b6398acc290ff451e065d1ff2ecb3 revision: 0deaf043ae6594a3006d0adcba53ee449cfe08e6
specs: specs:
onebox (1.1.0) onebox (1.1.0)
hexpress (~> 1.2) hexpress (~> 1.2)

View File

@ -14,7 +14,6 @@ a.loading-onebox {
.onebox-result { .onebox-result {
margin-top: 15px; margin-top: 15px;
padding: 12px 25px 12px 12px; padding: 12px 25px 12px 12px;
border-left: 5px solid #bebebe; border-left: 5px solid #bebebe;
@ -81,3 +80,59 @@ a.loading-onebox {
} }
} }
} }
@mixin onebox-favicon($class, $image) {
&.#{$class} .source {
background-image: image-url("favicons/#{$image}.png");
background-repeat: no-repeat;
padding-left: 20px;
}
}
aside.onebox {
margin-top: 15px;
padding: 12px 25px 12px 12px;
border-left: 5px solid #bebebe;
background: #eee;
font-size: 14px;
header {
a[href] {
color: #333;
text-decoration: none;
}
}
@include onebox-favicon('stackexchange', 'stackexchange');
@include onebox-favicon('twitterstatus', 'twitter');
@include onebox-favicon('wikipedia', 'wikipedia');
@include onebox-favicon('githubblob', 'github');
.onebox-body {
clear: both;
h3 {
font-size: 1.17em;
}
a[href] {
color: #006699;
text-decoration: none;
}
a[href]:visited {
color: #4a6b82;
}
img {
max-height: 80%;
max-width: 25%;
height: auto;
float: left;
margin-right: 10px;
}
}
}