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>
```
.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({
.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({
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]);
});
<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() {/*
<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">