diff --git a/_includes/getting-started-sidebar.html b/_includes/getting-started-sidebar.html new file mode 100644 index 0000000..0528148 --- /dev/null +++ b/_includes/getting-started-sidebar.html @@ -0,0 +1,13 @@ + diff --git a/getting-started.html b/getting-started.html new file mode 100644 index 0000000..5487e9e --- /dev/null +++ b/getting-started.html @@ -0,0 +1,53 @@ +--- +layout: default +title: "Getting Started with LostGrid" +--- + +{% include getting-started-sidebar.html %} + +
+
+ +
+

Getting Started

+ + + +{% highlight js %} + + + + +{% endhighlight %} + + +
+ + + +
+

Gulp

+

Here's an example of a Gulp project

+ +

See Example Project

+ +

If you're looking for a project with SCSS (or possibly Less), here's an example for that: SCSS + Gulp Example Project

+ +{% highlight js %} + +const postcss = require('gulp-postcss'); +const lostgrid = require('lost'); + +gulp.task('styles', () => { + gulp.src('source/main.css') + .pipe(postcss([ + lostgrid() + ])) + .pipe(gulp.dest('build')); +}) + +{% endhighlight %} +
+ +
+
diff --git a/index.html b/index.html index 25609b3..c51ba93 100755 --- a/index.html +++ b/index.html @@ -12,6 +12,7 @@

Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.