Initial theming
This commit is contained in:
parent
53d6173a5f
commit
002f40bc1a
25 changed files with 634 additions and 0 deletions
9
web/themes/dcb2017/sass/_global.scss
Normal file
9
web/themes/dcb2017/sass/_global.scss
Normal file
|
@ -0,0 +1,9 @@
|
|||
html {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
13
web/themes/dcb2017/sass/base/_mixins.scss
Normal file
13
web/themes/dcb2017/sass/base/_mixins.scss
Normal 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;
|
||||
}
|
||||
}
|
5
web/themes/dcb2017/sass/base/_variables.scss
Normal file
5
web/themes/dcb2017/sass/base/_variables.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
// Custom variables, colours etc.
|
||||
|
||||
$dcb-green: #44efb9;
|
||||
$dcb-blue: #b33ee9;
|
||||
$dcb-purple: #ec16a8;
|
18
web/themes/dcb2017/sass/components/_blocks.scss
Normal file
18
web/themes/dcb2017/sass/components/_blocks.scss
Normal 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;
|
||||
}
|
13
web/themes/dcb2017/sass/components/_forms.scss
Normal file
13
web/themes/dcb2017/sass/components/_forms.scss
Normal file
|
@ -0,0 +1,13 @@
|
|||
.form-item > label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
|
||||
&.option {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.form-submit {
|
||||
@include button;
|
||||
}
|
27
web/themes/dcb2017/sass/components/_menus.scss
Normal file
27
web/themes/dcb2017/sass/components/_menus.scss
Normal 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;
|
||||
}
|
4
web/themes/dcb2017/sass/layout/_content.scss
Normal file
4
web/themes/dcb2017/sass/layout/_content.scss
Normal file
|
@ -0,0 +1,4 @@
|
|||
.region-content {
|
||||
margin: 0 auto;
|
||||
max-width: 72rem;
|
||||
}
|
24
web/themes/dcb2017/sass/layout/_featured.scss
Normal file
24
web/themes/dcb2017/sass/layout/_featured.scss
Normal 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;
|
||||
}
|
4
web/themes/dcb2017/sass/layout/_footer.scss
Normal file
4
web/themes/dcb2017/sass/layout/_footer.scss
Normal file
|
@ -0,0 +1,4 @@
|
|||
.region-footer {
|
||||
margin: 0 auto;
|
||||
max-width: 72rem;
|
||||
}
|
5
web/themes/dcb2017/sass/layout/_header.scss
Normal file
5
web/themes/dcb2017/sass/layout/_header.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
.region-header {
|
||||
margin: 0 auto;
|
||||
max-width: 72rem;
|
||||
overflow: hidden;
|
||||
}
|
15
web/themes/dcb2017/sass/style.scss
Normal file
15
web/themes/dcb2017/sass/style.scss
Normal 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';
|
Reference in a new issue