Mobile fixes for the splash

This commit is contained in:
Henne Vogelsang 2014-11-20 16:52:55 +01:00
parent cb227a0afc
commit b6b0c104fd
8 changed files with 41 additions and 10 deletions

View file

@ -1,3 +1,5 @@
@import "breakpoints.css.scss";
#splash {
// Counter the general padding for #content
margin-bottom: -60px;
@ -65,8 +67,26 @@
}
#lodging {
.img-lodging {
max-height: 200px;
@include breakpoint(xs) {
.img-lodging{
max-width: 280px;
}
}
@include breakpoint(sm) {
.img-lodging{
max-width: 200px;
}
}
@include breakpoint(sm) {
.img-lodging{
max-width: 260px;
}
}
@include breakpoint(lg) {
.img-lodging{
max-width: 300px;
max-height: 200px;
}
}
}
@ -83,6 +103,12 @@
.img-sponsor-3 {
max-height: 120px;
}
@include breakpoint(xs) {
.img-sponsor, .img-sponsor-1, .img-sponsor-3, .img-sponsor-3{
max-height: unset;
max-width: 280px;
}
}
}
#social-media{
@ -101,6 +127,11 @@
a:nth-child(-n+1) {
padding-left: 0px;
}
@include breakpoint(xs) {
a{
padding-left: 10px;
}
}
}
.scroll-top-wrapper {