Mobile updates

This commit is contained in:
Rob Davies 2017-03-31 15:21:45 +01:00
parent e5914781c7
commit ef202f5773
11 changed files with 114 additions and 21 deletions

View file

@ -2,8 +2,13 @@ html {
font-family: 'Poppins', sans-serif;
font-size: 16px; }
body {
background: white; }
a,
a:visited {
color: #666; }
a:hover, a:focus,
a:visited:hover,
a:visited:focus {
color: black; }
.region-header {
margin: 0 auto;
@ -14,6 +19,7 @@ body {
position: relative; }
.region-featured:after {
background-image: url("../images/dcb-bg.jpg");
background-position: center center;
background-size: cover;
content: '';
position: absolute;
@ -33,19 +39,33 @@ body {
.region-content {
margin: 0 auto;
max-width: 72rem; }
max-width: 72rem;
padding: 1rem; }
.region-footer {
margin: 0 auto;
max-width: 72rem; }
max-width: 72rem;
padding: 1rem; }
.layout-container > footer {
background-image: url("../images/dcb-bg.jpg");
background-position: center center;
background-size: cover; }
ul.menu {
margin: 0;
padding: 0; }
padding: 0;
text-align: center; }
@media screen and (min-width: 37.5rem) {
ul.menu {
text-align: left; } }
ul.menu li.menu-item {
display: inline-block;
padding: 1rem 1.5rem;
padding: 0.5rem 1rem;
text-transform: uppercase; }
@media screen and (min-width: 37.5rem) {
ul.menu li.menu-item {
padding: 1rem 1.5rem; } }
ul.menu li.menu-item a {
color: black;
text-decoration: none; }
@ -53,16 +73,24 @@ ul.menu {
color: #44efb9; }
nav.menu--main {
float: right;
font-weight: bold;
margin: 0.8rem; }
font-weight: bold; }
@media screen and (min-width: 37.5rem) {
nav.menu--main {
margin: 0.8rem;
float: right; } }
.block-system-branding-block {
float: left;
margin: 0.5em 2em; }
margin: 0.5rem auto;
width: 8rem; }
@media screen and (min-width: 37.5rem) {
.block-system-branding-block {
float: left;
margin: 0.5rem 2rem;
width: auto; } }
.site-logo img {
display: block;
max-width: 100%;
width: 11rem; }
#block-homepagehero {
@ -70,8 +98,13 @@ nav.menu--main {
line-height: 1.2;
margin: auto;
max-width: 30rem;
padding: 10rem 1rem;
padding: 3rem 1rem;
text-align: center; }
@media screen and (min-width: 37.5rem) {
#block-homepagehero {
padding: 10rem 1rem; } }
#block-homepagehero img {
max-width: 100%; }
.form-item > label {
display: block;
@ -90,4 +123,8 @@ nav.menu--main {
.form-submit:hover, .form-submit:focus {
background: #44efb9; }
.form-text,
.form-email {
max-width: 95%; }
/*# sourceMappingURL=style.css.map */