From f1ed457d1adbc9188f588952f71303222f8531e5 Mon Sep 17 00:00:00 2001 From: Peter Ramsing Date: Tue, 28 Feb 2017 21:58:42 -0800 Subject: [PATCH] Initial GS setup --- _includes/getting-started-sidebar.html | 13 +++++++ getting-started.html | 53 ++++++++++++++++++++++++++ index.html | 1 + 3 files changed, 67 insertions(+) create mode 100644 _includes/getting-started-sidebar.html create mode 100644 getting-started.html 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.