FEATURE: better google docs onebox
Before Width: | Height: | Size: 2.4 KiB |
BIN
app/assets/images/favicons/google_branding/logo_docs_48px.png
Normal file
After Width: | Height: | Size: 919 B |
Before Width: | Height: | Size: 5.6 KiB |
BIN
app/assets/images/favicons/google_branding/logo_drive_48px.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 2.8 KiB |
BIN
app/assets/images/favicons/google_branding/logo_forms_48px.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 2.6 KiB |
BIN
app/assets/images/favicons/google_branding/logo_sheets_48px.png
Normal file
After Width: | Height: | Size: 1021 B |
Before Width: | Height: | Size: 2.5 KiB |
BIN
app/assets/images/favicons/google_branding/logo_slides_48px.png
Normal file
After Width: | Height: | Size: 932 B |
|
@ -110,6 +110,7 @@ aside.onebox {
|
||||||
@include onebox-favicon('githubissue', 'github');
|
@include onebox-favicon('githubissue', 'github');
|
||||||
@include onebox-favicon('githubgist', 'github');
|
@include onebox-favicon('githubgist', 'github');
|
||||||
@include onebox-favicon('amazon', 'amazon');
|
@include onebox-favicon('amazon', 'amazon');
|
||||||
|
@include onebox-favicon('googledocs', 'google_branding/logo_drive_48px');
|
||||||
|
|
||||||
|
|
||||||
.onebox-body {
|
.onebox-body {
|
||||||
|
@ -153,10 +154,23 @@ aside.onebox {
|
||||||
|
|
||||||
@mixin gdocs-logo($type) {
|
@mixin gdocs-logo($type) {
|
||||||
&.g-#{$type}-logo {
|
&.g-#{$type}-logo {
|
||||||
background: image-url("favicons/google_branding/logo_#{$type}_128px.png") no-repeat;
|
background: image-url("favicons/google_branding/logo_#{$type}_48px.png") no-repeat;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.googledocs-onebox-logo {
|
||||||
|
width: 60px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
@include gdocs-logo('docs');
|
||||||
|
@include gdocs-logo('forms');
|
||||||
|
@include gdocs-logo('sheets');
|
||||||
|
@include gdocs-logo('slides');
|
||||||
|
@include gdocs-logo('calendar');
|
||||||
|
@include gdocs-logo('drive');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Google Calendar Placeholder
|
||||||
.gdocs-onebox-splash {
|
.gdocs-onebox-splash {
|
||||||
background-color: blend-primary-secondary(30%);
|
background-color: blend-primary-secondary(30%);
|
||||||
color: $primary;
|
color: $primary;
|
||||||
|
@ -165,12 +179,9 @@ aside.onebox {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 128px;
|
width: 128px;
|
||||||
height: 128px;
|
height: 128px;
|
||||||
@include gdocs-logo('docs');
|
&.g-calendar-logo {
|
||||||
@include gdocs-logo('forms');
|
background: image-url("favicons/google_branding/logo_calendar_128px.png") no-repeat;
|
||||||
@include gdocs-logo('sheets');
|
}
|
||||||
@include gdocs-logo('slides');
|
|
||||||
@include gdocs-logo('calendar');
|
|
||||||
@include gdocs-logo('drive');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|