Vertical-align utility pack for Seed
npm install seed-vertical-alignVertical-align utility pack for Seed!
npm install seed-vertical-align --save
`
Basic Usage
$3
This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:
`javascript
var gulp = require('gulp');
var sass = require('gulp-sass');
var pack = require('seed-vertical-align');gulp.task('sass', function () {
return gulp.src('./sass/*/.scss')
.pipe(sass({
includePaths: pack
}))
.pipe(gulp.dest('./css'));
});
`Once that is setup, simply
@import seed-vertical-align as needed in your .scss file:`scss
// Packs
@import "pack/seed-vertical-align/_index";
`Options
The following variables can be found in
_config.scss`scss
// Namespace
$seed-vertical-align-namespace: u-va !default;// Alignment
$seed-vertical-align-alignments: (
bottom: bottom,
inherit: inherit,
initial: initial,
middle: middle,
text-bottom: text-bottom,
text-top: text-top,
top: top,
) !default;
``