Add styling & assets for google docs placeholder oneboxes

This commit is contained in:
Kane York 2015-09-23 13:57:54 -07:00
parent e8424bd54e
commit f67a877537
7 changed files with 23 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -138,6 +138,29 @@ aside.onebox {
}
}
@mixin gdocs-logo($type) {
&.g-#{$type}-logo {
background: image-url("favicons/google_branding/logo_#{$type}_128px.png") no-repeat;
}
}
.gdocs-onebox-splash {
background-color: blend-primary-secondary(30%);
color: $primary;
border: 1px inset $primary;
.gdocs-onebox-logo {
display: inline-block;
width: 128px;
height: 128px;
@include gdocs-logo('docs');
@include gdocs-logo('forms');
@include gdocs-logo('sheets');
@include gdocs-logo('slides');
@include gdocs-logo('calendar');
@include gdocs-logo('drive');
}
}
aside.onebox .onebox-body .onebox-avatar {
max-height: none;
max-width: none;