Initial commit

Author: craigcook

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Cloud Four
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,23 @@
+# Mozilla Design System
+
+A modular design system for Mozilla websites.
+
+## Quick Start
+
+This pattern library is based on [Drizzle](https://github.com/cloudfour/drizzle/), which is itself based on [Fabricator](https://fbrctr.github.io/). It's essentially a Node-based static site generator, and uses [Gulp](https://gulpjs.com/) as a task runner for local development.
+
+0. Ensure you have [Node.js](https://nodejs.org/) installed.
+1. Clone this repository.
+2. Run `npm start` in the resulting directory.
+
+This will install dependencies, build the site, and start the development server at <http://localhost:3000>.
+
+See the docs for more.
+
+## Documentation
+
+- [Getting Started](docs#getting-started)
+- [Project Structure](docs#project-structure)
+- [Gulp Tasks](docs#tasks)
+
+

browserslist

@@ -0,0 +1,4 @@
+# Update as needed once browser support is determined.
+# See: https://github.com/ai/browserslist#config-file
+
+Last 1 version

config.js

@@ -0,0 +1,123 @@
+'use strict';
+
+module.exports = {
+  'css:pebbles': {
+    src: './src/assets/css/pebbles/*.css',
+    dest: './dist/assets/css/pebbles',
+    name: 'css:pebbles'
+  },
+
+  'css:system': {
+    src: './src/assets/css/system/*.css',
+    dest: './dist/assets/css/system',
+    name: 'css:system'
+  },
+
+  // 'css:drizzle': {
+  //   src: './src/assets/**/drizzle.css',
+  //   dest: './dist/assets',
+  //   prefix: 'drizzle-',
+  //   name: 'css:drizzle'
+  // },
+
+  copy: {
+    src: './src/static/**/*',
+    dest: './dist/static'
+  },
+
+  js: {
+    plugins: {
+      webpack: {
+        entry: {
+          // Drizzle UI scripts
+          // 'drizzle/scripts/drizzle':
+          //   './src/assets/drizzle/scripts/drizzle.js',
+          // Common toolkit scripts
+          // 'toolkit/scripts/toolkit':
+          //   './src/assets/toolkit/scripts/toolkit.js'
+        },
+        output: {
+          path: './dist/assets',
+          filename: '[name].js'
+        },
+        module: {
+          loaders: [
+            {
+              test: /\.js$/,
+              loaders: ['babel-loader']
+            }
+          ]
+        },
+        externals: {}
+      }
+    }
+  },
+
+  serve: {
+    plugins: {
+      browserSync: {
+        open: false,
+        notify: false,
+        files: ['./dist/**/*'],
+        server: { baseDir: './dist' }
+      }
+    }
+  },
+
+  watch: {
+    watchers: [
+      {
+        match: ['./src/static/**/*'],
+        tasks: ['copy']
+      },
+      {
+        match: ['./src/assets/**/*.css'],
+        tasks: ['css']
+      },
+      {
+        match: ['./src/assets/**/*.js'],
+        tasks: ['js']
+      },
+      {
+        match: [
+          './src/**/*.hbs',
+          './src/data/**/*'
+        ],
+        tasks: ['drizzle']
+      }
+    ]
+  },
+
+  drizzle: {
+    beautifier: {
+      /* eslint-disable camelcase */
+      indent_char: ' ',
+      indent_size: 2,
+      indent_with_tabs: false,
+      max_preserve_newlines: 1,
+      wrap_line_length: 0,
+      unformatted:
+        `a abbr acronym address b bdo big cite code col del dfn dt em font
+        h1 h2 h3 h4 h5 h6 i img ins kbd mark pre q s samp small span
+        strike strong sub sup tt u var`.split(' ')
+      /* eslint-enable camelcase */
+    },
+    src: {
+      patterns: {
+        basedir: './src/patterns',
+        glob: './src/patterns/**/*.hbs'
+      },
+      templates: {
+        basedir: './src/templates',
+        glob: './src/templates/**/*.hbs'
+      }
+    },
+    dest: {
+      pages: './dist',
+      patterns: './dist/patterns'
+    },
+    fieldParsers: {
+      notes: 'markdown'
+    }
+  }
+};