<h5>Foundation 6 is here!</h5>
</div>
</a>
-
+
{{> navigation}}
{{> mobile-navigation}}
---
title: Alignment
description: Centering made easy.
-sass: ./scss/ink/components/_alignment.scss
+sass: scss/components/_alignment.scss
---
Just add the class center any element and you’ll be good to go. Inky will handle the magic behind the scenes! In the regular old CSS version, you’d have to fiddle with adding a “.center” class and a <code><center></code> tag to make sure things are centered. Now you just just need to add the class and move on ahead!
-
---
title: Button
description: Dynamic and effective calls to actions.
-sass: ./scss/ink/components/_button.scss
+sass: scss/components/_button.scss
---
-To get buttons that look awesome in most clients we make a table with the class <code>.button</code> that wraps your
-<code><a></code> tag. Buttons expand to the full width of their container by default. You can contain the buttons in sub-grid or block-grid elements.
+To get buttons that look awesome in most clients we make a table with the class <code>.button</code> that wraps your
+<code><a></code> tag. Buttons expand to the full width of their container by default. You can contain the buttons in sub-grid or block-grid elements.
Check out this basic button:
```inky
});
gulp.task('sass:foundation', function() {
- return gulp.src('scss/ink.scss')
+ return gulp.src('scss/foundation.scss')
.pipe($.sass().on('error', $.sass.logError))
.pipe(gulp.dest('_build/assets/css'));
});