// inject media queries into the head of the inlined email
gulp.task('inject-mq', ['extract-mq'], function() {
- gulp.src(dirs.dist + '/index-inline.html')
+ gulp.src(dirs.dist + '/*.html')
.pipe(inject(gulp.src(dirs.dist + '/css/inkMQ.css'), {
starttag: '<!-- inject:mq-css -->',
transform: function (filePath, file) {
//This rule makes vertical inline-lists flush with other content.
//Not sure if this is too style specific. May need to be removed.
td.vertical {
- padding-top: 0px !important;
+ padding-top: 50px !important;
}
<container>
<row>
<columns large='12'>
- <h1>Welcome, Com Truise</h1>
+ <h1>wertuivjlkh</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<img width="580" height="300" src="http://placehold.it/580x300">
</columns>
<br>
<callout>
<p>What a game</p>
- <button><a href="#">wow</a></button>
</callout>
</columns>
<columns large='6'>