Skip to content

Commit

Permalink
Update the explainer page
Browse files Browse the repository at this point in the history
  • Loading branch information
johno committed Jan 6, 2015
1 parent a972e76 commit 54cccbb
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 21 deletions.
3 changes: 1 addition & 2 deletions gulpfile.js
Original file line number Diff line number Diff line change
Expand Up @@ -51,14 +51,13 @@ gulp.task('rework-grid', function() {
})
))
.pipe(gulp.dest('scss'));

});

gulp.task('uncss', function() {
return gulp.src('css/furtive.min.css')
.pipe(size({ gzip: true, showFiles: true }))
.pipe(uncss({ html: ['index.html'] }))
.pipe(rename('index.furtive.min.css'))
.pipe(rename('site/index.furtive.min.css'))
.pipe(cssmin())
.pipe(size({ gzip: true, showFiles: true }))
.pipe(gulp.dest('./'));
Expand Down
30 changes: 11 additions & 19 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta name="author" content="John Otander">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A forward-thinking, CSS micro-framework. Minimal by design.">
<link rel="stylesheet" href="index.furtive.min.css">
<link rel="stylesheet" href="site/index.furtive.min.css">
</head>
<body>
<div class="py2">
Expand Down Expand Up @@ -38,14 +38,6 @@ <h2>Why Furtive?</h2>
</p>
</section>
</div>
<div class="p2 measure">
<div class="py2">
<h4 class="h2">Installing Furtive</h4>
<code>$ npm install --save furtive</code> <br>
<code>$ bower install --save furtive</code> <br>
<code>$ git clone <a href="https://github.com/johnotander/furtive">https://github.com/johnotander/furtive</a></code>
</div>
</div>
<div class="py2 bg--off-white" id="grid">
<div class="measure p2">
<h3>Responsive Grid System</h3>
Expand All @@ -61,42 +53,42 @@ <h3>Responsive Grid System</h3>
<code>&nbsp;.grd > .grd-row > .grd-row-col</code>
</div>
<div class="grd-row my1">
<div class="grd-row-col-1 bg--light-gray py1">
<div class="grd-row-col-1-6 bg--light-gray py1">
<code>&nbsp;.col-1</code>
</div>
<div class="grd-row-col-5 py1 bg--white">
<div class="grd-row-col-5-6 py1 bg--white">
<code>&nbsp;.col-5</code>
</div>
</div>
<div class="grd-row my1">
<div class="grd-row-col-2 bg--light-gray py1">
<div class="grd-row-col-2-6 bg--light-gray py1">
<code>&nbsp;.col-2</code>
</div>
<div class="grd-row-col-4 py1 bg--white">
<div class="grd-row-col-4-6 py1 bg--white">
<code>&nbsp;.col-4</code>
</div>
</div>
<div class="grd-row my1">
<div class="grd-row-col-3 bg--light-gray py1">
<div class="grd-row-col-3-6 bg--light-gray py1">
<code>&nbsp;.col-3</code>
</div>
<div class="grd-row-col-3 py1 bg--white">
<div class="grd-row-col-3-6 py1 bg--white">
<code>&nbsp;.col-3</code>
</div>
</div>
<div class="grd-row my1">
<div class="grd-row-col-4 bg--light-gray py1">
<div class="grd-row-col-4-6 bg--light-gray py1">
<code>&nbsp;.col-4</code>
</div>
<div class="grd-row-col-2 py1 bg--white">
<div class="grd-row-col-2-6 py1 bg--white">
<code>&nbsp;.col-2</code>
</div>
</div>
<div class="grd-row my1">
<div class="grd-row-col-5 bg--light-gray py1">
<div class="grd-row-col-5-6 bg--light-gray py1">
<code>&nbsp;.col-5</code>
</div>
<div class="grd-row-col-1 py1 bg--white">
<div class="grd-row-col-1-6 py1 bg--white">
<code>&nbsp;.col-1</code>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions site/index.furtive.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 54cccbb

Please sign in to comment.