Mobile fixes for the splash
This commit is contained in:
parent
cb227a0afc
commit
b6b0c104fd
8 changed files with 41 additions and 10 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue