From e2784cf17590b09d9035030151bbe76eaef99636 Mon Sep 17 00:00:00 2001 From: Mark Hayes Date: Mon, 18 Nov 2013 12:08:15 -0800 Subject: [PATCH 1/1] initial commit --- .gitignore | 4 ++ Gruntfile.js | 34 ++++++++++++++++ README.md | 22 +++++++++++ bower.json | 6 +++ index.html | 95 +++++++++++++++++++++++++++++++++++++++++++++ js/app.js | 1 + package.json | 10 +++++ scss/_settings.scss | 1 + scss/app.scss | 2 + 9 files changed, 175 insertions(+) create mode 100644 .gitignore create mode 100644 Gruntfile.js create mode 100644 README.md create mode 100644 bower.json create mode 100644 index.html create mode 100644 js/app.js create mode 100644 package.json create mode 100644 scss/_settings.scss create mode 100644 scss/app.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d2573be --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +*.DS_Store +/css/* +/bower_components/* +/node_modules/* \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..8da6324 --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,34 @@ +module.exports = function(grunt) { + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + + sass: { + options: { + includePaths: ['bower_components/foundation/scss'] + }, + dist: { + options: { + outputStyle: 'compressed' + }, + files: { + 'css/app.css': 'scss/app.scss' + } + } + }, + + watch: { + grunt: { files: ['Gruntfile.js'] }, + + sass: { + files: 'scss/**/*.scss', + tasks: ['sass'] + } + } + }); + + grunt.loadNpmTasks('grunt-sass'); + grunt.loadNpmTasks('grunt-contrib-watch'); + + grunt.registerTask('build', ['sass']); + grunt.registerTask('default', ['build','watch']); +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..4088530 --- /dev/null +++ b/README.md @@ -0,0 +1,22 @@ +# Foundation libsass template + +This is a template to start your own project that uses Grunt and libsass! + +## Requirements + +You'll need to have the following items installed before continuing. + + * Node.js + * Grunt + * Bower + +## Quickstart + +```bash +git clone git@github.com:zurb/foundation-libsass-template.git +``` + +## Directory Strucutre + + * `scss/_settings.scss`: Foundation configuration settings go in here + * `scss/app.scss`: Application styles go here diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..028481f --- /dev/null +++ b/bower.json @@ -0,0 +1,6 @@ +{ + "name": "foundation-libsass-template", + "dependencies": { + "foundation": "zurb/bower-foundation" + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a5053cd --- /dev/null +++ b/index.html @@ -0,0 +1,95 @@ + + + + + + Foundation | Welcome + + + + + +
+
+

Welcome to Foundation

+
+
+
+ +
+
+

The Grid

+ + +
+
+
+

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

+
+
+
+
+
+
+

Six columns

+
+
+
+
+

Six columns

+
+
+
+
+
+
+

Four columns

+
+
+
+
+

Four columns

+
+
+
+
+

Four columns

+
+
+
+ +

Buttons

+ +
+
+

Small Button

+

Medium Button

+

Large Button

+
+
+

Small Alert Button

+

Medium Success Button

+

Large Secondary Button

+
+
+
+ +
+

Getting Started

+

We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

+ +

Other Resources

+

Once you've exhausted the fun in this document, you should check out:

+
    +
  • Foundation Documentation
    Everything you need to know about using the framework.
    • +
  • Foundation on Github
    Latest code, issue reports, feature requests and more.
    • +
  • @foundationzurb
    Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).
    • +
+
+
+ + + + + + \ No newline at end of file diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..c3c8817 --- /dev/null +++ b/js/app.js @@ -0,0 +1 @@ +$(document).foundation(); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..b4f8dba --- /dev/null +++ b/package.json @@ -0,0 +1,10 @@ +{ + "name": "foundation-libsass-template", + "version": "0.0.1", + "devDependencies": { + "node-sass": "~0.7.0", + "grunt": "~0.4.1", + "grunt-contrib-watch": "~0.5.3", + "grunt-sass": "~0.8.0" + } +} diff --git a/scss/_settings.scss b/scss/_settings.scss new file mode 100644 index 0000000..715d5c3 --- /dev/null +++ b/scss/_settings.scss @@ -0,0 +1 @@ +// Foundation Settings \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss new file mode 100644 index 0000000..514110c --- /dev/null +++ b/scss/app.scss @@ -0,0 +1,2 @@ +@import "settings"; +@import "foundation"; \ No newline at end of file -- 2.17.1