Initial theming

This commit is contained in:
Rob Davies 2017-03-31 12:22:46 +01:00
parent 53d6173a5f
commit 002f40bc1a
25 changed files with 634 additions and 0 deletions

View file

@ -0,0 +1,93 @@
html {
font-family: 'Poppins', sans-serif;
font-size: 16px; }
body {
background: white; }
.region-header {
margin: 0 auto;
max-width: 72rem;
overflow: hidden; }
.region-featured {
position: relative; }
.region-featured:after {
background-image: url("../images/dcb-bg.jpg");
background-size: cover;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.featured-footer {
background: black;
color: white;
font-size: 1.2rem;
font-weight: bold;
padding: 1rem;
text-align: center; }
.region-content {
margin: 0 auto;
max-width: 72rem; }
.region-footer {
margin: 0 auto;
max-width: 72rem; }
ul.menu {
margin: 0;
padding: 0; }
ul.menu li.menu-item {
display: inline-block;
padding: 1rem 1.5rem;
text-transform: uppercase; }
ul.menu li.menu-item a {
color: black;
text-decoration: none; }
ul.menu li.menu-item a:hover, ul.menu li.menu-item a:focus, ul.menu li.menu-item a.is-active {
color: #44efb9; }
nav.menu--main {
float: right;
font-weight: bold;
margin: 0.8rem; }
.block-system-branding-block {
float: left;
margin: 0.5em 2em; }
.site-logo img {
display: block;
width: 11rem; }
#block-homepagehero {
font-size: 1.8rem;
line-height: 1.2;
margin: auto;
max-width: 30rem;
padding: 10rem 1rem;
text-align: center; }
.form-item > label {
display: block;
font-weight: bold; }
.form-item > label.option {
display: inline;
font-weight: normal; }
.form-submit {
background: #b33ee9;
border: 0;
color: white;
font-weight: bold;
padding: 0.5rem 1rem;
text-transform: uppercase; }
.form-submit:hover, .form-submit:focus {
background: #44efb9; }
/*# sourceMappingURL=style.css.map */

View file

@ -0,0 +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"]}