zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix press logos display for screen widths between 1200px and mobile

Browse source
This commit is contained in:
Victoria Wang 2014-11-21 01:12:08 -06:00
parent 72fa948d93
commit d2ec02a0e6
1 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
sass/_project-sass/_project-Main.scss
View file

@ -1145,8 +1145,16 @@ a.tag:hover {
float:left; float:left;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 30px; margin-right: 30px;
background-size: 100%;
@media (max-device-width:480px), screen and (max-width:800px){ @media (max-width:1170px) and (min-width:900px){
margin-right: 25px!important;
&:last-child {
margin-right: 0!important;
}
}
@media (max-device-width:480px), screen and (max-width:900px){
margin-top: 25px !important; margin-top: 25px !important;
display:block; display:block;
float:none; float:none;
@ -1157,29 +1165,40 @@ a.tag:hover {
width: 211px; width: 211px;
height: 44px; height: 44px;
background-image: url(/img/wired-logo.png); background-image: url(/img/wired-logo.png);
background-size: 211px;
margin-top: 6px; margin-top: 6px;
margin-right: 38px; margin-right: 38px;
@media (max-width:1170px) and (min-width:900px){
width: 170px;
}
} }
.section .logo.fastco { .section .logo.fastco {
width: 262px; width: 262px;
height: 39px; height: 39px;
background-image: url(/img/fastcompany-logo.png); background-image: url(/img/fastcompany-logo.png);
background-size: 262px; margin-top: 7px;
margin-top: 7px; @media (max-width:1170px) and (min-width:900px){
width: 220px;
}
} }
.section .logo.vice { .section .logo.vice {
width: 160px; width: 160px;
height: 50px; height: 50px;
background-image: url(/img/vice-logo.png); background-image: url(/img/vice-logo.png);
background-size: 160px; @media (max-width:1170px) and (min-width:900px){
width: 120px;
margin-top: 4px;
}
} }
.section .logo.ars { .section .logo.ars {
width: 187px; width: 187px;
height: 62px; height: 62px;
background-image: url(/img/ars-logo.png); background-image: url(/img/ars-logo.png);
background-size: 187px;
margin-top: -4px; margin-top: -4px;
@media (max-width:1170px) and (min-width:900px){
width: 130px;
margin-top: 0;
}
} }
.section .press .more { .section .press .more {
color: #A0BAC0; color: #A0BAC0;