Commit 0ae06e8b authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Optimise badge positioning and padding especially on narrow views

Also rescale clouds slightly so they're larger on narrow viewports
parent af53f539
......@@ -357,6 +357,9 @@ body.home main
}
}
/*
Clouds and sunburst background
*/
.home .logo-wrap
{
/* ↓ intro background colour */
......@@ -364,8 +367,8 @@ body.home main
background-image: url('/images/clouds-white.svg'), url('/images/starburst.svg');
background-position: bottom center, bottom center;
background-repeat: repeat-x, no-repeat;
background-size: 644px 61px, auto 1000%;
padding: 0.75em 0.5em 0 0.5em;
background-size: 800px 70px, auto 1000%;
padding: 1.5em 0.5em 0 0.5em;
}
@media only screen and (min-width: 33.4em)
......@@ -373,7 +376,7 @@ body.home main
.home .logo-wrap
{
background-size: 1237px 120px, auto 1000%;
padding: 1.25em 0.75em 0 0.75em;
padding: 2em 0.75em 0 0.75em;
}
}
......@@ -385,11 +388,22 @@ body.home main
}
}
/*
Better icon on homepage
*/
.home .logo
{
margin: 0 auto;
max-width: 15em;
width: 100%;
max-width: 13em;
width: 50%;
}
@media only screen and (min-width: 36.18em)
{
.home .logo
{
width: 100%;
}
}
.home-wrap h1
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment