]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
Finalize live iframe demo functionality
authorGeoff Kimball <geoff@zurb.com>
Mon, 12 Oct 2015 23:52:43 +0000 (16:52 -0700)
committerGeoff Kimball <geoff@zurb.com>
Mon, 12 Oct 2015 23:52:43 +0000 (16:52 -0700)
docs/pages/button.md
gulpfile.js
lib/buildInkySample.js

index 18df121cb8228142705a479ba634f73d3a28cabe..4ab212711a480d851e6108301c0ee394b2c05067 100644 (file)
@@ -7,5 +7,17 @@ sass: ./scss/ink/components/_button.scss
 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic repellendus deserunt, tenetur amet dolorum, fugiat minima quisquam ducimus ad. Numquam magnam possimus quae corporis sint assumenda, sit vel harum repellendus?
 
 ```inky
-<center><row>This is a row!</row></center>
+<center>
+  <row>
+    <column>
+      <table class="button">
+        <tr>
+          <td>
+            <a href="#">Button!</a>
+          </td>
+        </tr>
+      </table>
+    </column>
+  </row>
+</center>
 ```
index 703f07c610556dc843618676ee942d0974206f8a..513bee1dbfc68bd9d461453a38d8a4e0e7590fd0 100644 (file)
@@ -31,7 +31,9 @@ gulp.task('html', function() {
     .pipe(gulp.dest('_build'));
 });
 
-gulp.task('sass', function() {
+gulp.task('sass', ['sass:docs', 'sass:foundation']);
+
+gulp.task('sass:docs', function() {
   return gulp.src('docs/assets/scss/docs.scss')
     .pipe($.sass().on('error', $.sass.logError))
     .pipe($.autoprefixer({
@@ -40,6 +42,12 @@ gulp.task('sass', function() {
     .pipe(gulp.dest('_build/assets/css'));
 });
 
+gulp.task('sass:foundation', function() {
+  return gulp.src('scss/ink.scss')
+    .pipe($.sass().on('error', $.sass.logError))
+    .pipe(gulp.dest('_build/assets/css'));
+});
+
 gulp.task('lint', function() {
   return gulp.src('scss/**/*.scss')
     .pipe($.scssLint({
@@ -59,5 +67,6 @@ gulp.task('build', function(cb) {
 
 gulp.task('default', ['server'], function() {
   gulp.watch('docs/**/*', ['html', browser.reload]);
-  gulp.watch('docs/assets/scss/**/*', ['sass', browser.reload]);
+  gulp.watch('docs/assets/scss/**/*', ['sass:docs', browser.reload]);
+  gulp.watch('scss/**/*.scss', ['sass:foundation', browser.reload]);
 });
index c278a17407d3a778de2210d64241e1b5fcd6b39b..a2e1976cc51a443c0d30bc53a8f66c0581f6def3 100644 (file)
@@ -20,7 +20,7 @@ var INKY_TEMPLATE = multiline(function() {/*
     <code class="{0}">{2}</code>
   </pre>
 </div>
-<iframe src="examples/{3}">
+<iframe class="docs-code-iframe" src="examples/{3}"></iframe>
 */});
 
 var IFRAME_TEMPLATE = multiline(function() {/*
@@ -29,7 +29,7 @@ var IFRAME_TEMPLATE = multiline(function() {/*
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width"/>
-    <link rel="stylesheet" href="../css/foundation.css">
+    <link rel="stylesheet" href="../assets/css/ink.css">
   </head>
   <body>
     <table class="body">