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,9 @@
html {
font-family: 'Poppins', sans-serif;
font-size: 16px;
}
body {
background: white;
}

View file

@ -0,0 +1,13 @@
@mixin button {
background: $dcb-blue;
border: 0;
color: white;
font-weight: bold;
padding: 0.5rem 1rem;
text-transform: uppercase;
&:hover,
&:focus {
background: $dcb-green;
}
}

View file

@ -0,0 +1,5 @@
// Custom variables, colours etc.
$dcb-green: #44efb9;
$dcb-blue: #b33ee9;
$dcb-purple: #ec16a8;

View file

@ -0,0 +1,18 @@
.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;
}

View file

@ -0,0 +1,13 @@
.form-item > label {
display: block;
font-weight: bold;
&.option {
display: inline;
font-weight: normal;
}
}
.form-submit {
@include button;
}

View file

@ -0,0 +1,27 @@
ul.menu {
margin: 0;
padding: 0;
li.menu-item {
display: inline-block;
padding: 1rem 1.5rem;
text-transform: uppercase;
a {
color: black;
text-decoration: none;
&:hover,
&:focus,
&.is-active {
color: $dcb-green;
}
}
}
}
nav.menu--main {
float: right;
font-weight: bold;
margin: 0.8rem;
}

View file

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

View file

@ -0,0 +1,24 @@
.region-featured {
position: relative;
&: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;
}

View file

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

View file

@ -0,0 +1,5 @@
.region-header {
margin: 0 auto;
max-width: 72rem;
overflow: hidden;
}

View file

@ -0,0 +1,15 @@
// External libraries.
@import 'base/variables';
@import 'base/mixins';
@import 'global'; // Global Theme Customizations.
@import 'layout/header';
@import 'layout/featured';
@import 'layout/content';
@import 'layout/footer';
@import 'components/menus';
@import 'components/blocks';
@import 'components/forms';