opdavies/drupalcampbristol
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Mobile updates

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

61
web/themes/dcb2017/css/style.css
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 */

2
web/themes/dcb2017/css/style.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["_global.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_footer.scss","components/_menus.scss","base/_variables.scss","components/_blocks.scss","components/_forms.scss","base/_mixins.scss"],"names":[],"mappings":"AAAA;EACE,mCAAmC;EACnC,gBAAgB,EACjB;;AAED;EACE,kBAAkB,EACnB;;ACPD;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB,EAClB;;ACJD;EACE,mBAAmB,EAapB;EAdD;IAII,8CAAqB;IACrB,uBAAuB;IACvB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY,EACb;;AAGH;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,mBAAmB,EACpB;;ACvBD;EACE,eAAe;EACf,iBAAiB,EAClB;;ACHD;EACE,eAAe;EACf,iBAAiB,EAClB;;ACHD;EACE,UAAU;EACV,WAAW,EAkBZ;EAhBG;IACA,sBAAsB;IACtB,qBAAqB;IACrB,0BAA0B,EAY3B;IAnBH;MAUM,aAAa;MACb,sBAAsB,EAOvB;MAlBL;QAgBQ,eCdW,EDeZ;;AAKJ;EACD,aAAa;EACb,kBAAkB;EAClB,eAAe,EAChB;;AE1BD;EACE,YAAY;EACZ,kBAAkB,EACnB;;AAED;EACE,eAAe;EACf,aAAa,EACd;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB,EACpB;;ACjBY;EACX,eAAe;EACf,kBAAkB,EAMnB;EARY;IAKT,gBAAgB;IAChB,oBAAoB,EACrB;;AAGH;ECTE,oBHEgB;EGDhB,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,qBAAqB;EACrB,0BAA0B,EDM3B;EAFD;ICAI,oBHRe,EGShB","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\nbody {\n background: white;\n}\n\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n\n li.menu-item {\n display: inline-block;\n padding: 1rem 1.5rem;\n text-transform: uppercase;\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n float: right;\n font-weight: bold;\n margin: 0.8rem;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n",".block-system-branding-block {\n float: left;\n margin: 0.5em 2em;\n}\n\n.site-logo img {\n display: block;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 10rem 1rem;\n text-align: center;\n}\n",".form-item > label {\n display: block;\n font-weight: bold;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n","@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-weight: bold;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n"]}
{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_footer.scss","components/_menus.scss","base/_mixins.scss","components/_blocks.scss","components/_forms.scss"],"names":[],"mappings":"AAAA;EACE,mCAAmC;EACnC,gBAAgB,EACjB;;AAED;;EAEE,YCDa,EDOd;EARD;;;IAMI,aAAa,EACd;;AEZH;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB,EAClB;;ACJD;EACE,mBAAmB,EAcpB;EAfD;IAII,8CAAqB;IACrB,mCAAmC;IACnC,uBAAuB;IACvB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY,EACb;;AAGH;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,mBAAmB,EACpB;;ACxBD;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc,EACf;;ACJD;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc,EACf;;AAED;EACE,8CAAqB;EACrB,mCAAmC;EACnC,uBAAuB,EACxB;;ACVD;EACE,UAAU;EACV,WAAW;EACX,mBAAmB,EA0BpB;EC3BC;IDFF;MAMI,iBAAiB,EAuBpB,EAAA;EApBG;IACA,sBAAsB;IACtB,qBAAqB;IACrB,0BAA0B,EAgB3B;IC1BD;MDOE;QAME,qBAAqB,EAaxB,EAAA;IA5BH;MAmBM,aAAa;MACb,sBAAsB,EAOvB;MA3BL;QAyBQ,eLvBW,EKwBZ;;AAKP;EACE,kBAAkB,EAMnB;ECpCC;ID6BF;MAII,eAAe;MACf,aAAa,EAEhB,EAAA;;AEtCD;EACE,oBAAoB;EACpB,YAAY,EAOb;EDPC;ICFF;MAKI,YAAY;MACZ,oBAAoB;MACpB,YAAY,EAEf,EAAA;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,aAAa,EACd;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB,EASpB;ED9BC;ICeF;MASI,oBAAoB,EAMvB,EAAA;EAHC;IACE,gBAAgB,EACjB;;AC/BU;EACX,eAAe;EACf,kBAAkB,EAMnB;EARY;IAKT,gBAAgB;IAChB,oBAAoB,EACrB;;AAGH;EFFE,oBNLgB;EMMhB,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,qBAAqB;EACrB,0BAA0B,EED3B;EAFD;IFOI,oBNfe,EMgBhB;;AEJH;;EAEE,eAAe,EAChB","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\na,\na:visited {\n color: $dcb-grey;\n\n &:hover,\n &:focus {\n color: black;\n }\n}\n\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n\n.layout-container > footer {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n text-align: center;\n\n @include media-tablet {\n text-align: left;\n }\n\n li.menu-item {\n display: inline-block;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n @include media-tablet {\n padding: 1rem 1.5rem;\n }\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n font-weight: bold;\n\n @include media-tablet {\n margin: 0.8rem;\n float: right;\n }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n @media screen and (min-width: 37.5rem) {\n @content;\n }\n}\n\n@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-weight: bold;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n",".block-system-branding-block {\n margin: 0.5rem auto;\n width: 8rem;\n\n @include media-tablet {\n float: left;\n margin: 0.5rem 2rem;\n width: auto;\n }\n}\n\n.site-logo img {\n display: block;\n max-width: 100%;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 3rem 1rem;\n text-align: center;\n\n @include media-tablet {\n padding: 10rem 1rem;\n }\n\n img {\n max-width: 100%;\n }\n}\n",".form-item > label {\n display: block;\n font-weight: bold;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n\n.form-text,\n.form-email {\n max-width: 95%;\n}\n"]}

10
web/themes/dcb2017/sass/_global.scss
View file

@ -3,7 +3,13 @@ html {
font-size: 16px;
}
body {
background: white;
a,
a:visited {
color: $dcb-grey;
&:hover,
&:focus {
color: black;
}
}

7
web/themes/dcb2017/sass/base/_mixins.scss
View file

@ -1,3 +1,10 @@
// Tablet size breakpoint 600px.
@mixin media-tablet {
@media screen and (min-width: 37.5rem) {
@content;
}
}
@mixin button {
background: $dcb-blue;
border: 0;

2
web/themes/dcb2017/sass/base/_variables.scss
View file

@ -3,3 +3,5 @@
$dcb-green: #44efb9;
$dcb-blue: #b33ee9;
$dcb-purple: #ec16a8;
$dcb-grey: #666;

21
web/themes/dcb2017/sass/components/_blocks.scss
View file

@ -1,10 +1,17 @@
.block-system-branding-block {
float: left;
margin: 0.5em 2em;
margin: 0.5rem auto;
width: 8rem;
@include media-tablet {
float: left;
margin: 0.5rem 2rem;
width: auto;
}
}
.site-logo img {
display: block;
max-width: 100%;
width: 11rem;
}
@ -13,6 +20,14 @@
line-height: 1.2;
margin: auto;
max-width: 30rem;
padding: 10rem 1rem;
padding: 3rem 1rem;
text-align: center;
@include media-tablet {
padding: 10rem 1rem;
}
img {
max-width: 100%;
}
}

5
web/themes/dcb2017/sass/components/_forms.scss
View file

@ -11,3 +11,8 @@
.form-submit {
@include button;
}
.form-text,
.form-email {
max-width: 95%;
}

18
web/themes/dcb2017/sass/components/_menus.scss
View file

@ -1,12 +1,21 @@
ul.menu {
margin: 0;
padding: 0;
text-align: center;
@include media-tablet {
text-align: left;
}
li.menu-item {
display: inline-block;
padding: 1rem 1.5rem;
padding: 0.5rem 1rem;
text-transform: uppercase;
@include media-tablet {
padding: 1rem 1.5rem;
}
a {
color: black;
text-decoration: none;
@ -21,7 +30,10 @@ ul.menu {
}
nav.menu--main {
float: right;
font-weight: bold;
margin: 0.8rem;
@include media-tablet {
margin: 0.8rem;
float: right;
}
}

1
web/themes/dcb2017/sass/layout/_content.scss
View file

@ -1,4 +1,5 @@
.region-content {
margin: 0 auto;
max-width: 72rem;
padding: 1rem;
}

1
web/themes/dcb2017/sass/layout/_featured.scss
View file

@ -3,6 +3,7 @@
&:after {
background-image: url('../images/dcb-bg.jpg');
background-position: center center;
background-size: cover;
content: '';
position: absolute;

7
web/themes/dcb2017/sass/layout/_footer.scss
View file

@ -1,4 +1,11 @@
.region-footer {
margin: 0 auto;
max-width: 72rem;
padding: 1rem;
}
.layout-container > footer {
background-image: url('../images/dcb-bg.jpg');
background-position: center center;
background-size: cover;
}