Update email templates to avoid using bootstrap. Should improve speed, and also cross-email-client compatability

This commit is contained in:
David Taylor
2017-05-18 15:27:50 +01:00
parent 4b87b0a196
commit f3c020b613
5 changed files with 141 additions and 96 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,35 +1,64 @@
@import "bootstrap-compass";
// Core variables and mixins
@import "bootstrap-variables";
@import "bootstrap/variables";
@import "bootstrap/mixins";
$button_color: #357ebf;
// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";
@import "bootstrap/glyphicons";
body{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0px;
// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";
}
.main-table{
width: 100%;
border-collapse: collapse;
}
.client-header {
background-image: url("https://www.nottinghamtec.co.uk/imgs/wof2014-1.jpg");
background-color: #222;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
margin-bottom: 2em;
margin-bottom: 28px;
.logos{
width: 100%;
max-width: 640px;
}
img {
height: 8em;
margin: 2em;
height: 110px;
}
}
.content-container{
width: 100%;
.content {
width: 100%;
max-width: 600px;
padding: 10px;
text-align: left;
.button-container{
width: 100%;
.button {
padding: 6px 12px;
background-color: $button_color;
border-radius: 4px;
a {
color: #fff;
text-decoration: none;
}
}
}
}
}