honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed footer logo overflowing 

Footer logo was overflowing at ~960px wide viewport. Added `background-size: contain` (shorthand), and `max-width: 100%` to contain wrapper, and background image within grid.
This commit is contained in:
Lars Gyrup Brink Nielsen 2016-09-06 21:54:23 +02:00 committed by GitHub
parent 23ff8aaca8
commit 6c2ec829e5
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/resources/css/module/_footer.scss
View File

@ -27,9 +27,10 @@
} }
.logo-inverse-large { .logo-inverse-large {
background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px no-repeat; background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px / contain no-repeat;
height: 200px; height: 200px;
width: 200px; width: 200px;
max-width: 100%;
@media handheld and (max-width: $phone-breakpoint), @media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint), screen and (max-device-width: $phone-breakpoint),
@ -101,4 +102,4 @@
opacity: .24; opacity: .24;
} }
} }
} }