From bb673084dabc3050044bcb6366aa3181560cfd2a Mon Sep 17 00:00:00 2001 From: Lauren Byrwa Date: Mon, 13 Jul 2015 21:01:10 -0500 Subject: [PATCH 1/6] inital commit --- .gitignore | 8 + .idea/.name | 1 + .idea/butler.iml | 8 + .idea/misc.xml | 14 + .idea/modules.xml | 8 + .idea/vcs.xml | 6 + .idea/workspace.xml | 127 + .jscsrc | 3 + .jshintrc | 92 + .scss-lint.yml | 176 ++ CONTRIBUTING.md | 60 + Gemfile | 10 + Gemfile.lock | 49 + Gulpfile.js | 215 ++ README.md | 46 +- app/config/sculpin_kernel.yml | 24 + app/config/sculpin_site.yml | 5 + config.rb | 25 + fed-init.sh | 54 + gulp_config.sh | 64 + package.json | 20 + source/code/_views/component.html | 29 + source/code/_views/default.html | 18 + source/code/_views/element.html | 18 + source/code/_views/styleguide.html | 24 + source/code/css/styles.css | 2265 +++++++++++++++++ source/code/imgs/README.md | 4 + source/code/imgs/fpo-16x9.jpg | Bin 0 -> 8953 bytes source/code/sass/_init.scss | 193 ++ source/code/sass/_mixins.scss | 93 + source/code/sass/_normalize.scss | 840 ++++++ source/code/sass/_print.scss | 4 + source/code/sass/components/README.md | 4 + source/code/sass/layouts/_l-1up.scss | 9 + source/code/sass/layouts/_l-2up.scss | 52 + source/code/sass/layouts/_l-33-66.scss | 21 + source/code/sass/layouts/_l-3up.scss | 72 + source/code/sass/layouts/_l-4up.scss | 80 + source/code/sass/layouts/_l-66-33.scss | 21 + source/code/sass/layouts/_l-6up.scss | 57 + .../code/sass/layouts/_l-zen-grids-base.scss | 72 + source/code/sass/styleguide/_styleguide.scss | 93 + source/code/sass/styles.scss | 31 + source/index.html | 46 + source/styleguide/component-template.html | 9 + source/styleguide/element-color-palette.html | 22 + source/styleguide/element-form-elements.html | 52 + source/styleguide/element-grid.html | 88 + source/styleguide/element-typography.html | 76 + 49 files changed, 5272 insertions(+), 36 deletions(-) create mode 100644 .gitignore create mode 100644 .idea/.name create mode 100644 .idea/butler.iml create mode 100644 .idea/misc.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml create mode 100644 .idea/workspace.xml create mode 100644 .jscsrc create mode 100644 .jshintrc create mode 100644 .scss-lint.yml create mode 100644 CONTRIBUTING.md create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 Gulpfile.js create mode 100644 app/config/sculpin_kernel.yml create mode 100644 app/config/sculpin_site.yml create mode 100644 config.rb create mode 100644 fed-init.sh create mode 100644 gulp_config.sh create mode 100644 package.json create mode 100644 source/code/_views/component.html create mode 100644 source/code/_views/default.html create mode 100644 source/code/_views/element.html create mode 100644 source/code/_views/styleguide.html create mode 100644 source/code/css/styles.css create mode 100644 source/code/imgs/README.md create mode 100644 source/code/imgs/fpo-16x9.jpg create mode 100644 source/code/sass/_init.scss create mode 100644 source/code/sass/_mixins.scss create mode 100644 source/code/sass/_normalize.scss create mode 100644 source/code/sass/_print.scss create mode 100644 source/code/sass/components/README.md create mode 100644 source/code/sass/layouts/_l-1up.scss create mode 100644 source/code/sass/layouts/_l-2up.scss create mode 100644 source/code/sass/layouts/_l-33-66.scss create mode 100644 source/code/sass/layouts/_l-3up.scss create mode 100644 source/code/sass/layouts/_l-4up.scss create mode 100644 source/code/sass/layouts/_l-66-33.scss create mode 100644 source/code/sass/layouts/_l-6up.scss create mode 100644 source/code/sass/layouts/_l-zen-grids-base.scss create mode 100644 source/code/sass/styleguide/_styleguide.scss create mode 100644 source/code/sass/styles.scss create mode 100644 source/index.html create mode 100644 source/styleguide/component-template.html create mode 100644 source/styleguide/element-color-palette.html create mode 100644 source/styleguide/element-form-elements.html create mode 100644 source/styleguide/element-grid.html create mode 100644 source/styleguide/element-typography.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..467030a --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +Rakefile +*.DS_Store +*.sass-cache/ +_site/ +output_dev/ +output_prod/ +node_modules/ +test-results/ \ No newline at end of file diff --git a/.idea/.name b/.idea/.name new file mode 100644 index 0000000..c8d32eb --- /dev/null +++ b/.idea/.name @@ -0,0 +1 @@ +butler \ No newline at end of file diff --git a/.idea/butler.iml b/.idea/butler.iml new file mode 100644 index 0000000..c956989 --- /dev/null +++ b/.idea/butler.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..19f74da --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..36b3598 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..6564d52 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..68ead14 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,127 @@ + + + + + + + + + + + + + + + + + true + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1436839146804 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.jscsrc b/.jscsrc new file mode 100644 index 0000000..f11b22e --- /dev/null +++ b/.jscsrc @@ -0,0 +1,3 @@ +{ + "preset": "jquery" +} \ No newline at end of file diff --git a/.jshintrc b/.jshintrc new file mode 100644 index 0000000..ca0b373 --- /dev/null +++ b/.jshintrc @@ -0,0 +1,92 @@ +{ + // JSHint Default Configuration File (as on JSHint website) + // See http://jshint.com/docs/ for more details + + "maxerr" : 50, // {int} Maximum error before stopping + + // Enforcing + "bitwise" : true, // true: Prohibit bitwise operators (&, |, ^, etc.) + "camelcase" : false, // true: Identifiers must be in camelCase + "curly" : true, // true: Require {} for every new block or scope + "eqeqeq" : true, // true: Require triple equals (===) for comparison + "forin" : true, // true: Require filtering for..in loops with obj.hasOwnProperty() + "freeze" : true, // true: prohibits overwriting prototypes of native objects such as Array, Date etc. + "immed" : false, // true: Require immediate invocations to be wrapped in parens e.g. `(function () { } ());` + "indent" : 4, // {int} Number of spaces to use for indentation + "latedef" : false, // true: Require variables/functions to be defined before being used + "newcap" : false, // true: Require capitalization of all constructor functions e.g. `new F()` + "noarg" : true, // true: Prohibit use of `arguments.caller` and `arguments.callee` + "noempty" : true, // true: Prohibit use of empty blocks + "nonbsp" : true, // true: Prohibit "non-breaking whitespace" characters. + "nonew" : false, // true: Prohibit use of constructors for side-effects (without assignment) + "plusplus" : false, // true: Prohibit use of `++` & `--` + "quotmark" : false, // Quotation mark consistency: + // false : do nothing (default) + // true : ensure whatever is used is consistent + // "single" : require single quotes + // "double" : require double quotes + "undef" : true, // true: Require all non-global variables to be declared (prevents global leaks) + "unused" : true, // Unused variables: + // true : all variables, last function parameter + // "vars" : all variables only + // "strict" : all variables, all function parameters + "strict" : true, // true: Requires all functions run in ES5 Strict Mode + "maxparams" : false, // {int} Max number of formal params allowed per function + "maxdepth" : false, // {int} Max depth of nested blocks (within functions) + "maxstatements" : false, // {int} Max number statements per function + "maxcomplexity" : false, // {int} Max cyclomatic complexity per function + "maxlen" : false, // {int} Max number of characters per line + + // Relaxing + "asi" : false, // true: Tolerate Automatic Semicolon Insertion (no semicolons) + "boss" : false, // true: Tolerate assignments where comparisons would be expected + "debug" : false, // true: Allow debugger statements e.g. browser breakpoints. + "eqnull" : false, // true: Tolerate use of `== null` + "es5" : false, // true: Allow ES5 syntax (ex: getters and setters) + "esnext" : false, // true: Allow ES.next (ES6) syntax (ex: `const`) + "moz" : false, // true: Allow Mozilla specific syntax (extends and overrides esnext features) + // (ex: `for each`, multiple try/catch, function expression…) + "evil" : false, // true: Tolerate use of `eval` and `new Function()` + "expr" : false, // true: Tolerate `ExpressionStatement` as Programs + "funcscope" : false, // true: Tolerate defining variables inside control statements + "globalstrict" : false, // true: Allow global "use strict" (also enables 'strict') + "iterator" : false, // true: Tolerate using the `__iterator__` property + "lastsemic" : false, // true: Tolerate omitting a semicolon for the last statement of a 1-line block + "laxbreak" : false, // true: Tolerate possibly unsafe line breakings + "laxcomma" : false, // true: Tolerate comma-first style coding + "loopfunc" : false, // true: Tolerate functions being defined in loops + "multistr" : false, // true: Tolerate multi-line strings + "noyield" : false, // true: Tolerate generator functions with no yield statement in them. + "notypeof" : false, // true: Tolerate invalid typeof operator values + "proto" : false, // true: Tolerate using the `__proto__` property + "scripturl" : false, // true: Tolerate script-targeted URLs + "shadow" : false, // true: Allows re-define variables later in code e.g. `var x=1; x=2;` + "sub" : false, // true: Tolerate using `[]` notation when it can still be expressed in dot notation + "supernew" : false, // true: Tolerate `new function () { ... };` and `new Object;` + "validthis" : false, // true: Tolerate using this in a non-constructor function + + // Environments + "browser" : true, // Web Browser (window, document, etc) + "browserify" : false, // Browserify (node.js code in the browser) + "couch" : false, // CouchDB + "devel" : true, // Development/debugging (alert, confirm, etc) + "dojo" : false, // Dojo Toolkit + "jasmine" : false, // Jasmine + "jquery" : false, // jQuery + "mocha" : true, // Mocha + "mootools" : false, // MooTools + "node" : false, // Node.js + "nonstandard" : false, // Widely adopted globals (escape, unescape, etc) + "phantom" : false, // PhantomJS + "prototypejs" : false, // Prototype and Scriptaculous + "qunit" : false, // QUnit + "rhino" : false, // Rhino + "shelljs" : false, // ShellJS + "typed" : false, // Globals for typed array constructions + "worker" : false, // Web Workers + "wsh" : false, // Windows Scripting Host + "yui" : false, // Yahoo User Interface + + // Custom Globals + "globals" : {} // additional predefined global variables +} \ No newline at end of file diff --git a/.scss-lint.yml b/.scss-lint.yml new file mode 100644 index 0000000..4352a01 --- /dev/null +++ b/.scss-lint.yml @@ -0,0 +1,176 @@ +# Default application configuration that all configurations inherit from. + +scss_files: "assets/sass/**/*.scss" + +linters: + BangFormat: + enabled: true + space_before_bang: true + space_after_bang: false + + BemElements: + enabled: true + max_elements: true + + BorderZero: + enabled: false + + ColorKeyword: + enabled: true + + ColorVariable: + enabled: true + + Comment: + enabled: true + + DebugStatement: + enabled: true + + DeclarationOrder: + enabled: true + + DuplicateProperty: + enabled: true + + ElsePlacement: + enabled: true + style: same_line + + EmptyLineBetweenBlocks: + enabled: true + ignore_single_line_blocks: true + + EmptyRule: + enabled: true + + FinalNewline: + enabled: true + present: true + + HexLength: + enabled: true + style: long + + HexNotation: + enabled: true + style: lowercase + + HexValidation: + enabled: true + + IdWithExtraneousSelector: + enabled: true + + ImportPath: + enabled: true + leading_underscore: false + filename_extension: false + + Indentation: + enabled: true + character: space + width: 2 + + LeadingZero: + enabled: true + style: exclude_zero + + MergeableSelector: + enabled: true + force_nesting: false + + NameFormat: + enabled: true + convention: hyphenated_lowercase + + NestingDepth: + enabled: true + max_depth: 3 + + PlaceholderInExtend: + enabled: true + + PropertySortOrder: + enabled: true + ignore_unspecified: false + + PropertySpelling: + enabled: true + + QualifyingElement: + enabled: true + allow_element_with_attribute: false + allow_element_with_class: false + allow_element_with_id: false + + SelectorDepth: + enabled: true + max_depth: 3 + + SelectorFormat: + enabled: false + + Shorthand: + enabled: true + + SingleLinePerProperty: + enabled: true + allow_single_line_rule_sets: true + + SingleLinePerSelector: + enabled: true + + SpaceAfterComma: + enabled: true + + SpaceAfterPropertyColon: + enabled: true + style: one_space + + SpaceAfterPropertyName: + enabled: true + + SpaceBeforeBrace: + enabled: true + style: space + allow_single_line_padding: true + + SpaceBetweenParens: + enabled: true + spaces: 0 + + StringQuotes: + enabled: true + style: single_quotes + + TrailingSemicolon: + enabled: true + + TrailingZero: + enabled: true + + UnnecessaryMantissa: + enabled: true + + UnnecessaryParentReference: + enabled: true + + UrlFormat: + enabled: true + + UrlQuotes: + enabled: true + + VariableForPropery: + enabled: true + properties: + - color + - font + + VendorPrefixes: + enabled: true + identifier_list: base + + ZeroUnit: + enabled: true \ No newline at end of file diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..72bbda6 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,60 @@ +# Contributing + +Any and all are encouraged to contribute! There are three primary ways to do so: creating issues, submitting pull requests (PRs), and reviewing issues and PRs. + +## Review Process + +As a major part of the Palantir Tool Chain, this repository should be continually updated. When it is extended for projects or professional development, those changes if pertinent to overall Palantir workflow should be ported back this repository. + +1. Modifications to the default tool chain should be reviewed during Sprint Retrospectives. +1. If those modifications are found valuable to the Palantir tool chain as a whole, they should be brought up as a topic at bi-weekly DEFEND meetings. +1. Such meetings will be used as an open forum for debate and/or voting on the issue. +1. Should the issue be approved by DEFEND, one would create an PR against this repository (following the above stated standards) to incorporate the work into the base toolchain. +1. PRs are eligible to be merged once when there is consensus and approval from a Senior Designer and Senior Front End Developer in the case of changes to HTML/CSS/JS, and in the case of changes to Butler, it requires approval from Lauren and Ryan. + +Issue, PR and Commit Guidelines below generally followed those outlined in the [documentation repo](https://github.com/palantirnet/development_documentation/blob/master/CONTRIBUTING.md) + +## Issue Guidelines + +* The title should be a simple declarative sentence; examples, + * Good: Symfony code style documentation is missing. + * Bad: Add Symfony code style documentation. [bad because it is imperative] + * Bad: What is the Symfony code style documentation? [bad because it is interrogative] + * Bad: Symfony and Drupal code style documentation are missing. [bad because it is compound] +* The issue should be atomic: the issue should address an indivisible and irreducible topic. + * Good: Symfony code style documentation is missing. + * Bad: Code style documentation is missing. [bad because it could be divided into Drupal and Symfony documentation] + * Bad: Symfony best practice documentation is missing. [bad if only code style documentation was missing because it could be reduced to just Symfony code style documentation] +* The issue description should: + * give context: explain why you are writing the issue + * state the problem or idea: the context should lead into what needs changed or added to the standards + * identify the next step: e.g. request feedback, assign the issue to someone, or further investigation required (this is required! this is how the community knows how to respond) +* Open an issue when you have a clear idea of a problem that needs addressed both bug fixes and feature requests (e.g. As a FED/Designer at Palantir.net, I would like Butler to be a part of the standing prototype repository), but do not have a clear idea of the solution. +* If an issue was created that is a duplicate, close the issue that has the least activity and make sure they reference one another. + +## Pull Request Guidelines + +* The title should be a simple imperative sentence; examples, + * Good: Add Symfony code style documentation. + * Bad: Adding Symfony code style documentation. [bad because it is declarative] + * Bad: Is this good Symfony code style documentation? [bad because it is interrogative] + * Bad: Add Symfony and Drupal code style documentation. [bad because it is compound] +* The PR should be atomic: the PR should address an indivisible and irreducible topic. The more atomic PRs are the more easily they can be reviewed and merged. + * Do not address multiple issues in one PR. +* The PR description should: + * give context: explain why you are creating the PR, e.g. reference the GitHub issue number it addresses + * state the solution: the context should lead into what you did to resolve the issue + * identify any follow up changes that will be needed and how that is going to be addressed, i.e. what does this PR not address? +* If you create a branch you own it; no one else should modify it without your permission. + +## Git Commit Guidelines + +Commits should be atomic: the commit should be an indivisible and irreducible change. The commit message can be best described with an example, which we will model after Tim Pope's [blog post](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html): + + Capitalized, short (50 chars or less) summary. + + More detailed explanatory text, if necessary. Wrap it to 72 + characters. Think of the first line as a subject of an email and + the rest as the body. The blank line separating the summary from + the body is critical (unless you omit the body entirely); tools + like rebase can get confused if you run the two together. \ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..dbebe50 --- /dev/null +++ b/Gemfile @@ -0,0 +1,10 @@ +source "https://rubygems.org" + +gem 'gemrat' + +gem 'compass', '>= 1.1.0.alpha.3' +gem 'breakpoint', '>= 2.4.2' +gem 'zen-grids', '>= 1.4.0' +gem 'sass', '>= 3.4.6' +gem 'scss-lint', '0.38.0' +gem 'scss_lint_reporter_checkstyle', '0.1.0' \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..a96cd18 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,49 @@ +GEM + remote: https://rubygems.org/ + specs: + breakpoint (2.5.0) + sass (~> 3.3) + sassy-maps (< 1.0.0) + chunky_png (1.3.4) + colored (1.2) + compass (1.1.0.alpha.3) + chunky_png (~> 1.2) + compass-core (~> 1.1.0.alpha.3) + compass-import-once (~> 1.0.5) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + sass (>= 3.3.13, < 3.5) + compass-core (1.1.0.alpha.3) + multi_json (~> 1.0) + sass (>= 3.3.0, < 3.5) + compass-import-once (1.0.5) + sass (>= 3.2, < 3.5) + ffi (1.9.8) + gemrat (0.4.6) + colored (= 1.2) + multi_json (1.11.0) + rainbow (2.0.0) + rb-fsevent (0.9.4) + rb-inotify (0.9.5) + ffi (>= 0.5.0) + sass (3.4.13) + sassy-maps (0.4.0) + sass (~> 3.3) + scss-lint (0.38.0) + rainbow (~> 2.0) + sass (~> 3.4.1) + scss_lint_reporter_checkstyle (0.1.0) + zen-grids (1.4) + sass (>= 3.1) + +PLATFORMS + ruby + +DEPENDENCIES + breakpoint (>= 2.4.2) + compass (>= 1.1.0.alpha.3) + gemrat + sass (>= 3.4.6) + scss-lint (= 0.38.0) + scss_lint_reporter_checkstyle (= 0.1.0) + zen-grids (>= 1.4.0) diff --git a/Gulpfile.js b/Gulpfile.js new file mode 100644 index 0000000..fd41ac8 --- /dev/null +++ b/Gulpfile.js @@ -0,0 +1,215 @@ +var gulp = require('gulp'); +var paths = require('compass-options').dirs(); +var compass = require('gulp-compass'); +var prefix = require('gulp-autoprefixer'); +var changed = require('gulp-changed'); +var imagemin = require('gulp-imagemin'); +var browserSync = require('browser-sync'); +var cp = require('child_process'); +var scsslint = require('gulp-scss-lint'); +var cssmin = require('gulp-cssmin'); +var sitespeed = require('gulp-sitespeedio'); +var jshint = require('gulp-jshint'); +var jscs = require('gulp-jscs'); +var uglify = require('gulp-uglify'); +var rename = require('gulp-rename'); +var inject = require('gulp-inject'); +var noop = function () {}; +var stylish = require('gulp-jscs-stylish'); +var checkstyleFileReporter = require('jshint-checkstyle-file-reporter'); + +var bs_drupal = browserSync.create("proxy1"); +var bs_prototype = browserSync.create("proxy2"); + +var config = require('./gulp_config'); + +// Inject Files into HTML +gulp.task('inject-default', function () { + var target = gulp.src(['source/code/_views/default.html','source/code/_views/styleguide.html']); + // It's not necessary to read the files (will speed up things), we're only after their paths: + var sources = gulp.src(['source/code/css/*.css', 'source/code/js/*.js'], {read: false}); + // Inject but trim the path to be relative to HTML + return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: false })) + .pipe(gulp.dest('source/code/_views')); +}); + +// Inject Minifed Files into HTML +gulp.task('inject-min', function () { + var target = gulp.src(['source/code/_views/*.html']); + // It's not necessary to read the files (will speed up things), we're only after their paths: + var sources = gulp.src(['source/code/min/*.css', 'source/code/min/*.js'], {read: false}); + // Inject but trim the path to be relative to HTML + return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: false })) + .pipe(gulp.dest('source/code/_views')); +}); + +// Lint Sass +gulp.task('sass-lint', function(){ + return gulp.src(['source/code/sass/*.scss', 'source/code/sass/**/*.scss']) + .pipe(scsslint({ + 'bundleExec': true, + 'config': '.scss-lint.yml', + 'reporterOutputFormat': 'Checkstyle', + 'filePipeOutput': 'scssReport.xml' + })) + .pipe(gulp.dest('test-results')); +}); + +// JS Test +// define report filename +process.env.JSHINT_CHECKSTYLE_FILE = 'test-results/jshint.xml'; +gulp.task('js-test', function(){ + return gulp.src(['source/code/js/*.js']) + .pipe(jshint()) + .pipe(jscs()) + .on('error', noop) + .pipe(stylish.combineWithHintResults()) + .pipe(jshint.reporter('default')) + .pipe(jshint.reporter(checkstyleFileReporter)); +}); + +// Compile Sass +gulp.task('prototype-only-sass', function() { + browserSync.notify('Running: Sass compiling'); + return gulp.src('source/code/sass/' + '/**/*.scss') + .pipe(compass({ + config_file: 'config.rb', + css: 'source/code/css/', + sass: 'source/code/sass/', + time: true, + bundle_exec: true + })) + .pipe(prefix("last 2 versions", "> 1%")) + .pipe(gulp.dest('source/code/css/')) + .pipe(gulp.dest('output_dev/code/css/')) + .pipe(browserSync.reload({stream:true})); +}); + +// Compile Sass +gulp.task('prototype-drupal-sass', function () { + browserSync.notify('Running: Sass compiling'); + return gulp.src('source/code/sass/' + '/**/*.scss') + .pipe(compass({ + config_file: 'config.rb', + css: 'source/code/css/', + sass: 'source/code/sass/', + time: true, + bundle_exec: true + })) + .pipe(prefix("last 2 versions", "> 1%")) + .pipe(gulp.dest('source/code/css/')) + .pipe(bs_drupal.reload({stream: true})) + .pipe(bs_prototype.reload({stream: true})); +}); + +// Minify CSS +gulp.task('css', function() { + return gulp.src('source/code/css/*.css') + .pipe(cssmin()) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('source/code/min')); +}); + +// Minify JS +gulp.task('js-min', function() { + return gulp.src('source/code/js/*.js') + .pipe(uglify()) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('source/code/min')); +}); + +// Optimize Images +gulp.task('images', function() { + return gulp.src('source/code/imgs/' + '/**/*') + .pipe(changed('source/code/imgs/')) + .pipe(gulp.dest('source/code/min')); +}); + +// Sculpin Development +gulp.task('sculpin-build', function (done) { + browserSync.notify('Running: $ sculpin build'); + return cp.spawn('sculpin', ['generate'], {stdio: 'inherit'}) + .on('close', done); +}); + +// Rebuild Sculpin +gulp.task('sculpin-rebuild', ['sculpin-build'], function () { + browserSync.reload(); +}); + +// Browser Sync for Auto Reloading if there is a prototype only. +gulp.task('browser-sync-prototype-only', [config.compile_mode, 'sculpin-build'], function() { + browserSync({ + server: { + baseDir: 'output_dev' + } + }); +}); + +// Browser Sync for Auto Reloading if there is a drupal site. +gulp.task('browser-sync-prototype-drupal', [config.compile_mode, 'sculpin-build'], function () { + bs_drupal.init({ + proxy: config.drupal_site_path, + port: 3010, + ui: { + port: 3011 + } + }); + + bs_prototype.init({ + server: { + baseDir: './' + }, + port: 3012, + ui: { + port: 3013 + } + }) + +}); + +// Prototype Only Sitespeed.io Task +gulp.task('prototype-only-sitespeed', sitespeed({ + url: 'http://localhost:3000/', + deepth: 1, + html: true, + resultBaseDir: 'test-results', + no: 6 +})); + +// Prototype and Drupal Sitespeed.io Task +gulp.task('prototype-drupal-sitespeed', sitespeed({ + urls: ['http://localhost:3012/', config.drupal_site_path], + deepth: 1, + html: true, + resultBaseDir: 'test-results', + no: 6 +})); + +// Watch for Changes +gulp.task('watch', function() { + gulp.watch('source/code/sass' + '/**/*.scss', [config.compile_mode]); + gulp.watch('source/code/imgs' + '/**/*', function() { + runSequence(['images'], ['sculpin-rebuild']) + }); + gulp.watch(['source/code/_views/*.html', 'source/styleguide/*.html'], ['sculpin-rebuild']); +}); + +// Set Test task +gulp.task('test', [config.speedtest_mode, 'sass-lint', 'js-test']); + +// Set Develop task +gulp.task('develop', ['inject-default', config.browsersync_mode, 'watch']); + +// Set Optimize task +gulp.task('optimize', ['images', 'css', 'js-min'], function() { + // Don't run inject until files have been minified + gulp.start('inject-min'); +}); + +// Set default task +gulp.task('default', ['develop']); diff --git a/README.md b/README.md index d8a3f4a..2302cbf 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,24 @@ -# Butler -The beginnings of a Jekyll based style guide creation tool. Now using Butler. +# Butler - Sculpin Style Guide +The beginnings of a Sculpin based style guide creation tool. Now with Gulp and Bundler integration. ## Dependencies 1. NodeJS 0.12+ and NPM - https://nodejs.org/download/ 1. Bundler - https://github.com/bundler/bundler ## Getting Started -Currently Butler lives in two branches of this repository one for the jekyll base and one for the sculpin base, please pull the appropriate branch for your project and follow the directions. (You will find the same README with instructions on each branch as well.) - 1. From inside the project root, run `sh fed-init.sh` 1. Step through the prompts with any desired answers. This will create a gulp_config.js. 1. Run `gulp` or `gulp develop` and begin developing normally -## What is Butler? -Butler is a custom Gulp.js configuration that caters to how Palantir builds their prototypes and Drupal sites. It is a robust build system that automates common tasks such as compiling Sass, minifying Javascript, linting, and reloading the browser. - -## Available Scripts -1. Script: fed-init.sh - * On the initialization of a new project, will install the most recent versions of all Gulp dependencies and specified versions of Ruby Gems. - * If you do not have a gulp-config file already, it will provide a short series of questions to help you generate a configuration file (no JS needed! just a few questions) for Gulp to get you up and running. -We recommend committing the gulp-config files to make them available to all team members, so if there's already a config file, the script won't prompt you to generate a new one. - * If you're on a Drupal 7 site, it will ask you whether or not you would like it to automatically download and install a relevant Drupal module which enables live reloading. No further action needed! - * If you're on a Drupal 8 site, it will provide instructions to download a non-published module for the same reasons. A quick clone and install is the only steps you need to take. -1. Script: gulp-config.sh - * If you would like to regenerate your config file to accomodate new changes to the project, or don't want to install Gulp dependencies (but why wouldn't you?), you can manually run gulp-config.sh in order to regenerate your configuration file at any time. This will provide you a few questions to correctly configure Butler. +## What is Gulp? +"Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS, minifying JavaScript and reloading the browser." - Smashing Magazine +## What does this Gulpfile do +There are three main tasks in this gulp file: -## Available Commands -1. `gulp develop`/`gulp`/`gulp default` - * Deploys a prototype server and even opens a browser tab to your prototype for convenience. - * Builds and watches for changes to the prototype to rebuild when necssary. - * Reloads pages after rebuilds are done. - * Sets your prototype to use un-minified CSS (check command 'optimize' for more information) - * Compiles SASS and watches for changes. - * Injects compiled CSS automagically into the site without a page refresh. This means you see changes as soon as they're ready, rather than having to tab, reload, and wait. - * Provides page notifications about rebuilds, compilation, and injection so you always know what's going on. They're very similar to the Mac system notifications, but live inside your page and provide helpful information. This system is extensible to provide essentially any information at any time you can dream up. -1. `gulp test` - * Runs SASS linting and provides information about any linting issues that exist in your files. - * Has a full configuration file that allows us to specify Palantir wide defaults and then easily adjust these on a per-project basis while maintaining team cohesion. It's all in version control. - * Runs JS Hinting and examines your code. JS is a default lint and also checking for jQuery style. - * Also has a configuration file, which is currently set to JQuery defaults. - * It will also run a performance test using Sitespeed.io. Sass linting configuration changes can be made by editing the `.scss-lint.yml`. -1. `gulp optimize` - * Runs minifiers on your CSS and JS and then sets the prototype to use the minified files. - * This lets you test your minified files for any issues and bugs that result from minification. - * Optimizes images for web content, and saves them to a new directory. +1. `gulp develop`/`gulp` This is the default task. This will watch your sass/sculpin files for changes, compile/build accordingly and automatically refresh your browser. (This also works locally when working on your Drupal theme as well.) +1. `gulp test` will lint your js and sass. Sass linting configuration changes can be made by editing the `.scss-lint.yml`. JS is a default lint and also checking for jQuery style. +1. `gulp optimize` optimizes and minifies, specifically optimizes your images and minifies JS and CSS and exports files to the appropriate place in the `_site` directory. *You can also choose to run any sub task independently. Need to just minify a change to JS? `gulp js-min` @@ -67,7 +41,7 @@ We recommend committing the gulp-config files to make them available to all team 1. Enjoy! ## Making Changes to Gulpfile.js -Please feel free to change/extend/break this Gulpfile to fit the specific needs of the project. Issues to the Butler base should be added to the GitHub Issue Queue and assigned to Lauren or Ryan. If you feel that the changes should be ported back to the base Butler install please bring it up to the DEFEND meeting for review. +Please feel free to change/extend/break this Gulpfile to fit the specific needs of the project. ## Troubleshooting For now, if you have comments/questions/concerns about working with this please talk to Lauren or Ryan. diff --git a/app/config/sculpin_kernel.yml b/app/config/sculpin_kernel.yml new file mode 100644 index 0000000..69ab5ee --- /dev/null +++ b/app/config/sculpin_kernel.yml @@ -0,0 +1,24 @@ +sculpin: + permalink: pretty + ignore: + # Sass code doesn't need to be sent to the live server. + - "code/sass/" + # @todo I don't know why the "*" is needed in this path to make the file + # actually be excluded but it is. + - "code/config.rb*" + - "test-results" +sculpin_content_types: + styleguides: + type: path + path: styleguide + singular_name: styleguide + permalink: styleguide/:title/ + taxonomies: + - colors +sculpin_twig: + # Sculpin defaults to "_views" as the folder for templates. "code" is used + # as a parent directory to separate templates/css/js etc from the "content". + # In a more complex site, the "code" and "content" folders might even be + # separate git submodules. + source_view_paths: + - "code/_views" diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml new file mode 100644 index 0000000..77dac8b --- /dev/null +++ b/app/config/sculpin_site.yml @@ -0,0 +1,5 @@ +# The contents of this file are parsed and made available as +# via `site.*`. So for example, {{ site.title }} can be used +# in a template to get the contents of the `title` key. +title: Sculpin Styleguide Starter +# url: diff --git a/config.rb b/config.rb new file mode 100644 index 0000000..321e1f0 --- /dev/null +++ b/config.rb @@ -0,0 +1,25 @@ +# Require any additional compass plugins installed on your system. +require 'zen-grids' +require 'breakpoint' + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "code/css" +sass_dir = "code/sass" +images_dir = "code/img" +javascripts_dir = "code/js" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass diff --git a/fed-init.sh b/fed-init.sh new file mode 100644 index 0000000..8ab5a2e --- /dev/null +++ b/fed-init.sh @@ -0,0 +1,54 @@ +#!/usr/bin/env bash + +#Checks to be sure Bundler and NodeJS are installed before trying to use them. +dependency_fail=false +command -v bundler >/dev/null 2>&1 || { echo "Bundler is required but could not be found. Aborting."; dependency_fail="true"; } +command -v npm >/dev/null 2>&1 || { echo "NodeJS is required but could not be found. Aborting."; dependency_fail="true"; } + +if [ $dependency_fail = "true" ]; then + echo "Please install dependencies listed above and try again. View README for more information." + exit +fi + + +# If the project has bundler support. +if [ -e Gemfile ]; then + echo "Installing Bundler dependencies globally." + sudo bundle install; +fi + +# If the project has Gulp support. +if [ -e Gulpfile.js ]; then + # Ensure Gulp is globally available. We can safely assume at this point that + # NPM and node are installed, so we can just use NPM to install gulp if it + # isn't already. + command -v gulp >/dev/null 2>&1 || { echo "Installing Gulp globally to enable gulp command."; sudo npm install -g gulp; } + + echo "Installing Gulp related packages and dependencies locally." + # --save-dev flag will cause the package.json file to be updated with the + # versions of the modules which were installed. + if grep -Fq "devDependencies" package.json + then + echo "Dev dependencies already declared in package.json. Installing from package.json." + sudo npm install + else + echo "Dev dependencies have not been declared in package.json. Installing from fed-init.sh file." + sudo npm install browser-sync compass-options gulp gulp-autoprefixer gulp-changed gulp-compass gulp-cssmin gulp-imagemin gulp-inject gulp-jscs gulp-jscs-stylish gulp-jshint gulp-rename gulp-scss-lint gulp-sitespeedio gulp-uglify jshint-checkstyle-file-reporter --save-dev + echo "package.json file has been updated with the version which were installed. +It is *STRONGLY* recommended that you immediately commit and push the file so that all team members are using the same versions of NPM modules." + fi + sudo chmod 774 package.json +fi + +# If node_modules exists delete all .info files +if [ -e node_modules/ ]; then + sudo find node_modules/ -name '*.info' -type f -delete +fi + +echo "Dependencies installed, please refer to README for available Butler commands." + +# If config file doesn't exist, assume that this is a fresh initialization. +# If it exists, assume this is a reinstallation of requirements, and exit. +if [ ! -e gulp_config.js ]; then + sh ./gulp_config.sh +fi diff --git a/gulp_config.sh b/gulp_config.sh new file mode 100644 index 0000000..a78a409 --- /dev/null +++ b/gulp_config.sh @@ -0,0 +1,64 @@ +#!/usr/bin/env bash + +# If there is not a configuration file, force generation. Otherwise, ask. +if [ -e gulp_config.js ]; then + #Check if the user wishes to generate a configuration file. + echo "Would you like to generate a configuration file? +WARNING: THIS WILL ERASE YOUR CURRENT CONFIGURATION FILE. [y/N]" + read configuration_request + else + configuration_request='yes' +fi + +case $configuration_request in + [yY][eE][sS]|[yY]) + cat > gulp_config.js << EOF +var config = {}; + +EOF + + echo "Will this project have a Drupal site? [y/N]" + read drupal_site + + case $drupal_site in + [yY][eE][sS]|[yY]) + echo "config.browsersync_mode = \"browser-sync-prototype-drupal\";" >> gulp_config.js + echo 'Please provide the full address at which the site can be viewed. Eg: http://localhost/my_project' + read drupal_site_path + echo "config.drupal_site_path = \"$drupal_site_path\";" >> gulp_config.js + echo "config.compile_mode = \"prototype-drupal-sass\";" >> gulp_config.js + echo "config.speedtest_mode = \"prototype-drupal-sitespeed\";" >> gulp_config.js + + echo "DON'T KILL KITTENS: READ THIS FULLY. Would you like to install the link_css module to enable live reloading at this time and are you on a Drupal 7 site? Note that if you are running your Drupal site on a Virtual Box, you *MUST* be running this command from inside the virtual box. If you are not, the module will download but fail to install. If you are on a Drupal 8 site, C'thulu will devour you.[y/N]" + read link_css_install + case $link_css_install in + [yY][eE][sS]|[yY]) + drush dl link_css + drush en link_css -y + drush cc all + ;; + esac + + echo 'Initialization complete. Exiting.' + ;; + *) + echo "config.browsersync_mode = \"browser-sync-prototype-only\";" >> gulp_config.js + echo "config.compile_mode = \"prototype-only-sass\";" >> gulp_config.js + echo "config.speedtest_mode = \"prototype-only-sitespeed\";" >> gulp_config.js + + echo 'Initialization complete. Exiting.' + + ;; + esac + cat >> gulp_config.js << EOF + +module.exports = config; +EOF + ;; + *) + echo 'Exited without overwriting file.' + ;; +esac + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..05c55c6 --- /dev/null +++ b/package.json @@ -0,0 +1,20 @@ +{ + "name": "fed-automation", + "version": "1.0.0", + "description": "The beginnings of a Sculpin based style guide creation tool.", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "postinstall": "find node_modules/ -name '*.info' -type f -delete" + }, + "repository": { + "type": "git", + "url": "https://github.com/labyrwa/fed-automation.git" + }, + "author": "", + "license": "ISC", + "bugs": { + "url": "https://github.com/labyrwa/fed-automation/issues" + }, + "homepage": "https://github.com/labyrwa/fed-automation" +} diff --git a/source/code/_views/component.html b/source/code/_views/component.html new file mode 100644 index 0000000..9e27a6b --- /dev/null +++ b/source/code/_views/component.html @@ -0,0 +1,29 @@ +{% extends "styleguide" %} +{% block content_wrapper %} +
+
+
Living Styleguide
+

{{ site.title }} Styleguide

+
+
+
+
+
+

{{ page.title }}

+

{{ page.description }}

+
+
+
+
+ {% if page.type == "rail" %} +
+
+ {% else %} +
+
+ {% endif %} + {% block content %}{% endblock %} +
+
+
+{% endblock %} diff --git a/source/code/_views/default.html b/source/code/_views/default.html new file mode 100644 index 0000000..4452dfc --- /dev/null +++ b/source/code/_views/default.html @@ -0,0 +1,18 @@ + + + + + + {% block title %}{{ page.title }}{% endblock %} | {{ site.title }} + + + + + + + + {% block content_wrapper %}{% block content %}{% endblock %}{% endblock %} + + + + diff --git a/source/code/_views/element.html b/source/code/_views/element.html new file mode 100644 index 0000000..b28149c --- /dev/null +++ b/source/code/_views/element.html @@ -0,0 +1,18 @@ +{% extends "styleguide" %} +{% block content_wrapper %} +
+
+
Living Styleguide
+

{{ site.title }} Styleguide

+
+
+
+
+
+

{{ page.title }}

+

{{ page.description }}

+
+
+
+ {% block content %}{% endblock %} +{% endblock %} diff --git a/source/code/_views/styleguide.html b/source/code/_views/styleguide.html new file mode 100644 index 0000000..88ecc3a --- /dev/null +++ b/source/code/_views/styleguide.html @@ -0,0 +1,24 @@ + + + + + + {% block title %}{{ page.title }}{% endblock %} | {{ site.title }} + + + + + + + + {% block content_wrapper %}{% block content %}{% endblock %}{% endblock %} +
+
+

Copyright (c) 2014 Palantir.net

+
+
+ + + + + diff --git a/source/code/css/styles.css b/source/code/css/styles.css new file mode 100644 index 0000000..cd04471 --- /dev/null +++ b/source/code/css/styles.css @@ -0,0 +1,2265 @@ +@charset "UTF-8"; +/** + * @file + * Centralize your imports here. + * Styles are organized using the SMACSS technique. + * @see http://smacss.com/book/ + */ +/* Import Sass mixins, variables, Compass modules, etc. */ +/* body */ +/* Link (a:) */ +/* Blockquote*/ +/* Figcaption */ +/* forms */ +/* Buttons */ +/** + * @file + * Define your custom Sass mixins and extends here. + * @see http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#defining_a_mixin + */ +/* ========================================================================== + Typography grooming extends + ========================================================================== */ +/* Tight tracking */ +/* line 12, ../sass/_mixins.scss */ +h1, h2, h3 { + letter-spacing: -0.0125em; +} + +/* Open tracking */ +/* line 15, ../sass/_mixins.scss */ +h5, h6 { + letter-spacing: 0.1em; +} + +/* Style larger text with a tighter tracking, change weight, etc. */ +/* line 18, ../sass/_mixins.scss */ +h1, h2, h3 { + font-weight: 700; +} + +/* Style all caps with a slightly open tracking. */ +/* line 21, ../sass/_mixins.scss */ +h5, h6 { + text-transform: uppercase; +} + +/* ========================================================================== + Clearfix extend + ========================================================================== */ +/** + * Applies a clearfix ruleset using a placeholder selector. Placeholder selectors + * do not get compiled uless they are called - removing the nesting issues that + * can otherwise occur with extends. + */ +/* ============================================================== + Visually hidden extend + ============================================================== */ +/** + * Element-invisible as defined by snook.ca + * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility + */ +/* line 52, ../sass/_mixins.scss */ +.element-invisible, +.element-focusable { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); +} + +/* Turns off the element-invisible effect. */ +/* line 65, ../sass/_mixins.scss */ +.element-focusable:active, .element-focusable:focus { + position: static !important; + clip: auto; + height: auto; + width: auto; + overflow: auto; +} + +/* ============================================================== + Transition mixin + ============================================================== */ +/* HTML element (SMACSS base) rules */ +/** + * @file + * Normalize.css is intended to be used as an alternative to CSS resets. + * + * This file is a slight fork of these original sources: + * - normalize.css v2.1.2 | MIT License | git.io/normalize + * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass + * + * It's suggested that you read the normalize.scss file and customise it to meet + * your needs, rather then including the file in your project and overriding the + * defaults later in your CSS. + * @see http://nicolasgallagher.com/about-normalize-css/ + * + * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ + * @see http://snook.ca/archives/html_and_css/no_css_reset/ + */ +/** + * HTML5 display definitions + */ +/* Correct `block` display not defined in IE 8/9. */ +/* line 23, ../sass/_normalize.scss */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +nav, +section, +summary { + display: block; +} + +/* Correct `inline-block` display not defined in IE 8/9. */ +/* line 38, ../sass/_normalize.scss */ +audio, +canvas, +video { + display: inline-block; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +/* line 52, ../sass/_normalize.scss */ +audio:not([controls]) { + display: none; + height: 0; +} + +/* Address styling not present in IE 8/9. */ +/* line 58, ../sass/_normalize.scss */ +[hidden] { + display: none; +} + +/** + * Base + * + * Instead of relying on the fonts that are available on a user's computer, you + * can use web fonts which, like images, are resources downloaded to the user's + * browser. Because of the bandwidth and rendering resources required, web fonts + * should be used with care. + * + * Numerous resources for web fonts can be found on Google. Here are a few + * websites where you can find Open Source fonts to download: + * - http://www.fontsquirrel.com/fontface + * - http://www.theleagueofmoveabletype.com + * + * In order to use these fonts, you will need to convert them into formats + * suitable for web fonts. We recommend the free-to-use Font Squirrel's + * Font-Face Generator: + * http://www.fontsquirrel.com/fontface/generator + * + * The following is an example @font-face declaration. This font can then be + * used in any ruleset using a property like this: font-family: Example, serif; + * + * Since we're using Sass, you'll need to declare your font faces here, then you + * can add them to the font variables in the _base.scss partial. + */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + * 4. Makes it pretty — banishes chunky type. + */ +/* line 97, ../sass/_normalize.scss */ +html { + font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; + /* 1 */ + font-weight: 400; + font-size: 93.75%; + /* 3 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -webkit-font-smoothing: antialiased; + /* 4 */ + text-rendering: optimizeLegibility; + /* 4 */ + color: #444444; + background: #ffffff; + line-height: 1.6em; +} +@media (min-width: 600px) { + /* line 97, ../sass/_normalize.scss */ + html { + font-size: 105%; + } +} +@media (min-width: 900px) { + /* line 97, ../sass/_normalize.scss */ + html { + font-size: 116.25%; + } +} +@media (min-width: 1100px) { + /* line 97, ../sass/_normalize.scss */ + html { + font-size: 127.5%; + } +} + +/* Remove default margin. */ +/* line 128, ../sass/_normalize.scss */ +body { + margin: 0; + padding: 0; +} + +/** + * Links + * + * The order of link states are based on Eric Meyer's article: + * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states + */ +/* line 139, ../sass/_normalize.scss */ +a:link, +a:visited { + color: #888888; + text-decoration: none; +} + +/* line 144, ../sass/_normalize.scss */ +a:hover, +a:focus, +a:active { + -webkit-transition: all 0.5s ease-out; + -moz-transition: all 0.5s ease-out; + -o-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + color: #F0F0F0; + text-decoration: underline; +} + +/* Address `outline` inconsistency between Chrome and other browsers. */ +/* line 153, ../sass/_normalize.scss */ +a:focus { + outline: thin dotted; +} + +/* Improve readability when focused and also mouse hovered in all browsers. */ +/* line 158, ../sass/_normalize.scss */ +a:active, +a:hover { + outline: 0; +} + +/** + * Typography + * + * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins + * so that the line height of our base font becomes the basic unit of vertical + * measurement. We use multiples of that unit to set the top and bottom margins + * for our block level elements and to set the line heights of any fonts. + * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm + */ +/* Set 1 unit of vertical rhythm on the top and bottom margin. */ +/* line 174, ../sass/_normalize.scss */ +p, +pre { + margin: 0 0 1em 0; +} + +/* line 178, ../sass/_normalize.scss */ +blockquote { + /* Also indent the quote on both sides. */ + margin: rhythm(1); + color: #888888; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ +/* line 188, ../sass/_normalize.scss */ +h1 { + /* Set the font-size and line-height while keeping a proper vertical rhythm. */ + font-size: 1.95em; + line-height: 1.33333em; + /* Set 1 unit of vertical rhythm on the top and bottom margins. */ + margin-top: 1.23077em; + margin-bottom: 0.30769em; +} + +/* line 196, ../sass/_normalize.scss */ +h2 { + font-size: 1.56em; + line-height: 1.53846em; + margin-top: 1.53846em; + margin-bottom: 0.38462em; +} + +/* line 202, ../sass/_normalize.scss */ +h3 { + font-size: 1.25em; + line-height: 1.76em; + margin-top: 1.92em; + margin-bottom: 0.48em; +} + +/* line 208, ../sass/_normalize.scss */ +h4 { + font-size: 1em; + line-height: 1.6em; + margin-top: 2.4em; + margin-bottom: 0.6em; +} + +/* line 213, ../sass/_normalize.scss */ +h5 { + font-size: 0.8em; + line-height: 1.75em; + margin-top: 3em; + margin-bottom: 0.5em; +} + +/* line 219, ../sass/_normalize.scss */ +h6 { + font-weight: 400; + font-size: 0.8em; + line-height: 1.75em; + margin-top: 2em; + margin-bottom: 0.5em; +} + +/* Address styling not present in IE 8/9, Safari 5, and Chrome. */ +/* line 229, ../sass/_normalize.scss */ +abbr[title] { + border-bottom: 1px dotted; +} + +/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ +/* line 234, ../sass/_normalize.scss */ +b, +strong { + font-weight: 700; +} + +/* Address styling not present in Safari 5 and Chrome. */ +/* line 240, ../sass/_normalize.scss */ +dfn { + font-style: italic; +} + +/* Address differences between Firefox and other browsers. */ +/* line 245, ../sass/_normalize.scss */ +hr { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; + border: 1px solid #ddd; + padding-bottom: -1px; + margin: 1.6em 0; +} + +/* Address styling not present in IE 8/9. */ +/* line 254, ../sass/_normalize.scss */ +mark { + background: #ff0; + color: #000; +} + +/* Correct font family set oddly in Safari 5 and Chrome. */ +/* line 260, ../sass/_normalize.scss */ +code, +kbd, +pre, +samp, +tt, +var { + font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; + font-size: 1em; + line-height: 1.6em; +} + +/* Improve readability of pre-formatted text in all browsers. */ +/* line 274, ../sass/_normalize.scss */ +pre { + white-space: pre-wrap; +} + +/* Set consistent quote types. */ +/* line 286, ../sass/_normalize.scss */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/* Address inconsistent and variable font size in all browsers. */ +/* line 291, ../sass/_normalize.scss */ +small { + font-size: 80%; +} + +/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ +/* line 296, ../sass/_normalize.scss */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +/* line 303, ../sass/_normalize.scss */ +sup { + top: -0.5em; +} + +/* line 306, ../sass/_normalize.scss */ +sub { + bottom: -0.25em; +} + +/** + * Lists + */ +/* line 313, ../sass/_normalize.scss */ +dl, +menu, +ol, +ul { + /* Address margins set differently in IE 6/7. */ + margin: 0 0 0.8em 0; +} + +/* line 322, ../sass/_normalize.scss */ +ol ol, +ol ul, +ul ol, +ul ul { + /* Turn off margins on nested lists. */ + margin: 0 0 0.8em 0; +} + +/* line 328, ../sass/_normalize.scss */ +dd { + margin: 0 0 0 rhythm(1); + /* LTR */ +} + +/* Address paddings set differently in IE 6/7. */ +/* line 333, ../sass/_normalize.scss */ +menu, +ol, +ul { + padding: 0 0 0 rhythm(1); + /* LTR */ +} + +/** + * Embedded content and figures + * + * @todo Look into adding responsive embedded video. + */ +/* line 353, ../sass/_normalize.scss */ +img { + /* Remove border when inside `a` element in IE 8/9. */ + border: 0; + /* Suppress the space beneath the baseline */ + vertical-align: bottom; + /* Responsive images */ + max-width: 100%; + /* Correct IE 8 not scaling image height when resized. */ + width: auto; +} + +/* line 373, ../sass/_normalize.scss */ +figcaption { + color: #888888; + font-style: italic; + margin-top: 0.5em; + font-size: 0.8em; + line-height: 2.1em; +} + +/* Responsive video styles for youtube and vimeo. + * Requires a "video-wrapper" class on the + * tag containing the iframe embed code. +*/ +/* line 384, ../sass/_normalize.scss */ +.video-wrapper { + position: relative; + padding-bottom: 56.25%; + /* 16:9 ratio */ + height: 0; +} + +/* line 389, ../sass/_normalize.scss */ +.video-wrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/** + * Correct overflow displayed oddly in IE 9. + */ +/* line 401, ../sass/_normalize.scss */ +svg:not(:root) { + overflow: hidden; +} + +/* Address margin not present in IE 8/9 and Safari 5. */ +/* line 406, ../sass/_normalize.scss */ +figure { + margin: 1.2em 0; +} + +/** + * Forms + */ +/* Define consistent border, margin, and padding. */ +/* line 422, ../sass/_normalize.scss */ +fieldset { + margin: 0 2px; + /* Apply borders and padding that keep the vertical rhythm. */ + border-color: #c0c0c0; + border-top-width: 0.06667em; + border-top-style: solid; + padding-top: 0.21333em; + border-bottom-width: 0.06667em; + border-bottom-style: solid; + padding-bottom: 0.45333em; + border-left-width: 0.06667em; + border-left-style: solid; + padding-left: 0.45333em; + border-right-width: 0.06667em; + border-right-style: solid; + padding-right: 0.45333em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 3. Correct alignment displayed oddly in IE 6/7. + */ +/* line 437, ../sass/_normalize.scss */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Improve appearance and consistency with IE 6/7. + * 5. Keep form elements constrained in their containers. + */ +/* line 452, ../sass/_normalize.scss */ +button, +input, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 2 */ + margin: 0; + /* 3 */ + max-width: 100%; + /* 5 */ + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* 5 */ +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +/* line 471, ../sass/_normalize.scss */ +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +/* line 482, ../sass/_normalize.scss */ +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Remove inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ +/* line 496, ../sass/_normalize.scss */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ +/* line 510, ../sass/_normalize.scss */ +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + * 3. Remove excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ +/* line 521, ../sass/_normalize.scss */ +input[type="checkbox"], +input[type="radio"] { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ +/* line 536, ../sass/_normalize.scss */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + /* 2 */ +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ +/* line 545, ../sass/_normalize.scss */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* Remove inner padding and border in Firefox 4+. */ +/* line 551, ../sass/_normalize.scss */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ +/* line 561, ../sass/_normalize.scss */ +textarea { + overflow: auto; + /* 1 */ + vertical-align: top; + /* 2 */ +} + +/* Drupal-style form labels. */ +/* line 567, ../sass/_normalize.scss */ +label { + display: block; +} + +/** + * SITE SPECIFIC form element styles. Adapted from purecss, under the Yahoo! Inc. BSD license + * Please visit http://purecss.io/ for more information + * purecss.io: Copyright 2014 Yahoo! Inc. All rights reserved. + */ +/* line 577, ../sass/_normalize.scss */ +input[type="text"], +input[type="password"], +input[type="email"], +input[type="url"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="datetime"], +input[type="datetime-local"], +input[type="week"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="color"], +select, +textarea { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #888888; + -webkit-user-select: none; + -webkit-appearance: none; + background: #ffffff; + width: 100%; + text-indent: .5em; + border: 1px solid #F0F0F0; + outline: none; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + -o-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; +} +/* line 603, ../sass/_normalize.scss */ +input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, +input[type="password"]:hover, +input[type="password"]:focus, +input[type="password"]:active, +input[type="email"]:hover, +input[type="email"]:focus, +input[type="email"]:active, +input[type="url"]:hover, +input[type="url"]:focus, +input[type="url"]:active, +input[type="date"]:hover, +input[type="date"]:focus, +input[type="date"]:active, +input[type="month"]:hover, +input[type="month"]:focus, +input[type="month"]:active, +input[type="time"]:hover, +input[type="time"]:focus, +input[type="time"]:active, +input[type="datetime"]:hover, +input[type="datetime"]:focus, +input[type="datetime"]:active, +input[type="datetime-local"]:hover, +input[type="datetime-local"]:focus, +input[type="datetime-local"]:active, +input[type="week"]:hover, +input[type="week"]:focus, +input[type="week"]:active, +input[type="number"]:hover, +input[type="number"]:focus, +input[type="number"]:active, +input[type="search"]:hover, +input[type="search"]:focus, +input[type="search"]:active, +input[type="tel"]:hover, +input[type="tel"]:focus, +input[type="tel"]:active, +input[type="color"]:hover, +input[type="color"]:focus, +input[type="color"]:active, +select:hover, +select:focus, +select:active, +textarea:hover, +textarea:focus, +textarea:active { + border: 1px solid #444444; + outline: none; +} + +/* line 611, ../sass/_normalize.scss */ +input[type="text"], +input[type="password"], +input[type="email"], +input[type="url"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="datetime"], +input[type="datetime-local"], +input[type="week"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="color"], +select { + height: 2.5em; +} + +/* +Need to separate out the :not() selector from the rest of the CSS 2.1 selectors +since IE8 won't execute CSS that contains a CSS3 selector. +*/ +/* line 634, ../sass/_normalize.scss */ +input:not([type]) { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #888888; + -webkit-user-select: none; + -webkit-appearance: none; + background: #F0F0F0; + width: 100%; + text-indent: .5em; + border: 1px solid #888888; + outline: none; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + -o-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; +} +/* line 645, ../sass/_normalize.scss */ +input:not([type]):hover, input:not([type]):focus, input:not([type]):active { + border: 1px solid #444444; + outline: none; +} + +/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */ +/* May be able to remove this tweak as color inputs become more standardized across browsers. */ +/* line 656, ../sass/_normalize.scss */ +input[type="color"] { + padding: 0.2em 0.5em; +} + +/* +Need to separate out the :not() selector from the rest of the CSS 2.1 selectors +since IE8 won't execute CSS that contains a CSS3 selector. +*/ +/* line 664, ../sass/_normalize.scss */ +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #444444; + outline: 1px auto #444444; +} + +/* line 671, ../sass/_normalize.scss */ +input[type="text"][disabled], +input[type="password"][disabled], +input[type="email"][disabled], +input[type="url"][disabled], +input[type="date"][disabled], +input[type="month"][disabled], +input[type="time"][disabled], +input[type="datetime"][disabled], +input[type="datetime-local"][disabled], +input[type="week"][disabled], +input[type="number"][disabled], +input[type="search"][disabled], +input[type="tel"][disabled], +input[type="color"][disabled], +select[disabled], +textarea[disabled] { + cursor: not-allowed; + background-color: #F0F0F0; + color: #888888; +} + +/* +Need to separate out the :not() selector from the rest of the CSS 2.1 selectors +since IE8 won't execute CSS that contains a CSS3 selector. +*/ +/* line 696, ../sass/_normalize.scss */ +input:not([type])[disabled] { + cursor: not-allowed; + background-color: #F0F0F0; + color: #888888; +} + +/* line 701, ../sass/_normalize.scss */ +input[readonly], +select[readonly], +textarea[readonly] { + background: #F0F0F0; + color: #888888; + border-color: #888888; +} + +/* line 709, ../sass/_normalize.scss */ +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +/* line 715, ../sass/_normalize.scss */ +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; +} + +/* line 720, ../sass/_normalize.scss */ +input[type="file"]:focus:invalid:focus, +input[type="radio"]:focus:invalid:focus, +input[type="checkbox"]:focus:invalid:focus { + outline-color: #e9322d; +} + +/* line 726, ../sass/_normalize.scss */ +input[type="checkbox"], +input[type="radio"] { + position: relative; + top: 7px; + margin-right: .5em; + float: left; +} + +/* line 734, ../sass/_normalize.scss */ +select { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + -webkit-appearance: none; + border-radius: 0; + height: 2em; + text-indent: .5em; + background-color: #ffffff; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4QTMzNkUyNDAwQzExRTNBOEY4OTE4N0E1NkQ4QjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4QTMzNkUzNDAwQzExRTNBOEY4OTE4N0E1NkQ4QjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RThBMzM2RTA0MDBDMTFFM0E4Rjg5MTg3QTU2RDhCNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RThBMzM2RTE0MDBDMTFFM0E4Rjg5MTg3QTU2RDhCNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4x37VGAAAAWklEQVR42mI0NjZeysDAEMWAHyxlAhKZQPwAj6L7QJwFUvgJiKOB+C8WRX+gcp+YoALHgLgZi0KQ2HEQgwlJsAWIjyLxjwBxK4yDrBBkdQwQf4DiGGTnAAQYAGJbEyV4nwHtAAAAAElFTkSuQmCC); + background-repeat: no-repeat; + background-position: 97% 50%; + border: 1px solid #F0F0F0; + outline: none; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + -o-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; +} +/* line 748, ../sass/_normalize.scss */ +select:hover, select:focus, select:active { + outline: 0; + border: 1px solid #888888; +} + +/* line 755, ../sass/_normalize.scss */ +select[multiple] { + height: auto; +} + +/* line 760, ../sass/_normalize.scss */ +fieldset { + margin: 0; + padding: 0.2em 0 0.6em; + border: 0; +} + +/* line 765, ../sass/_normalize.scss */ +legend { + display: block; + width: 100%; + padding: 0.4em 0; + margin-bottom: 1.2em; +} + +/* line 772, ../sass/_normalize.scss */ +input + input, +select + select, +input + select, +select + input { + margin-top: .5em; +} + +/* line 779, ../sass/_normalize.scss */ +button { + background: #888888; + border: 1px solid transparent; + color: #ffffff; + margin: 0.8em 0; + padding: 0.8em; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + -o-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; +} + +/* line 787, ../sass/_normalize.scss */ +button:hover { + background: #444444; + color: #ffffff; +} + +/* line 791, ../sass/_normalize.scss */ +button:focus { + outline-style: dotted; + outline-color: #444444; + outline-width: 1px; +} + +/* line 797, ../sass/_normalize.scss */ +button[type="reset"] { + color: #888888; + font-size: 14px; + text-decoration: underline; + background: transparent; + border: none; + padding: 0.8em 0.8em; +} + +/* line 805, ../sass/_normalize.scss */ +button[type="reset"]:hover { + color: #444444; +} + +/* Styles for placeholder text */ +/* line 810, ../sass/_normalize.scss */ +::-webkit-input-placeholder { + color: #F0F0F0; +} + +/* line 814, ../sass/_normalize.scss */ +:-moz-placeholder { + /* Firefox 18- */ + color: #F0F0F0; +} + +/* line 818, ../sass/_normalize.scss */ +::-moz-placeholder { + /* Firefox 19+ */ + color: #F0F0F0; +} + +/* line 822, ../sass/_normalize.scss */ +:-ms-input-placeholder { + color: #F0F0F0; +} + +/* ========================================================================== + Tables + ========================================================================== */ +/* line 831, ../sass/_normalize.scss */ +table { + /* Remove most spacing between table cells. */ + border-collapse: collapse; + border-spacing: 0; + /* Prevent cramped-looking tables */ + /* width: 100%; */ + /* Add vertical rhythm margins. */ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +/* Layout rules */ +/** + * @file + * Define zen grids base settings here. + * @see http://zengrids.com + */ +/* + * Center the page. + */ +/* line 29, ../sass/layouts/_l-zen-grids-base.scss */ +.container { + /* For screen sizes larger than 1200px, prevent excessively long lines of text + by setting a max-width. */ + margin-left: auto; + margin-right: auto; + min-width: 260px; + /* enforces a min-width in FF. */ +} +@media (min-width: 600px) { + /* line 29, ../sass/layouts/_l-zen-grids-base.scss */ + .container { + width: 90%; + } +} +@media (min-width: 900px) { + /* line 29, ../sass/layouts/_l-zen-grids-base.scss */ + .container { + max-width: 1400px; + } +} + +/* + * Apply the shared properties of grid items in a single, efficient ruleset. + */ +/* line 44, ../sass/layouts/_l-zen-grids-base.scss */ +.container, +.grid-item { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} + +/* + * Containers for grid items and flow items. + */ +/* line 45, ../../../../../../.rvm/gems/ruby-2.1.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ +.container:before, .container:after { + content: ""; + display: table; +} +/* line 50, ../../../../../../.rvm/gems/ruby-2.1.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ +.container:after { + clear: both; +} + +/* line 60, ../sass/layouts/_l-zen-grids-base.scss */ +.container { + padding-left: 0; + padding-right: 0; +} + +/** + * @file + * Layout rules for full-width content + */ +/* line 6, ../sass/layouts/_l-1up.scss */ +.l-1up { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} + +/** + * @file + * Layout rules for two thirds / one third (66/33) content + */ +/* line 6, ../sass/layouts/_l-66-33.scss */ +.l-66-33--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 6, ../sass/layouts/_l-66-33.scss */ + .l-66-33--1 { + float: left; + width: 66.66667%; + margin-left: 0%; + margin-right: -66.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 14, ../sass/layouts/_l-66-33.scss */ +.l-66-33--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 14, ../sass/layouts/_l-66-33.scss */ + .l-66-33--2 { + clear: none; + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/** + * @file + * Layout rules for one third / two thirds (33/66) content + */ +/* line 6, ../sass/layouts/_l-33-66.scss */ +.l-33-66--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 6, ../sass/layouts/_l-33-66.scss */ + .l-33-66--1 { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 14, ../sass/layouts/_l-33-66.scss */ +.l-33-66--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 14, ../sass/layouts/_l-33-66.scss */ + .l-33-66--2 { + clear: none; + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/** + * @file + * Layout rules for 2-up content + */ +/* line 13, ../sass/layouts/_l-2up.scss */ +.l-2up { + float: left; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 100%; + padding-left: 0; + padding-right: 0px; + margin-right: 0px; +} +@media (min-width: 900px) { + /* line 13, ../sass/layouts/_l-2up.scss */ + .l-2up { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: 12px; + } +} + +@media (min-width: 900px) { + /* line 22, ../sass/layouts/_l-2up.scss */ + .l-2up:nth-of-type(2n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: -12px; + } +} + +@media (min-width: 900px) { + /* line 28, ../sass/layouts/_l-2up.scss */ + .l-2up:nth-of-type(2n+1) { + clear: left; + } +} + +/* line 38, ../sass/layouts/_l-2up.scss */ +.l-2up--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 38, ../sass/layouts/_l-2up.scss */ + .l-2up--1 { + float: left; + width: 50%; + margin-left: 0%; + margin-right: -50%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 45, ../sass/layouts/_l-2up.scss */ +.l-2up--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 45, ../sass/layouts/_l-2up.scss */ + .l-2up--2 { + clear: none; + float: left; + width: 50%; + margin-left: 50%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/** + * @file + * Layout rules for 3-up content + */ +/* line 13, ../sass/layouts/_l-3up.scss */ +.l-3up { + float: left; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 100%; + padding-left: 0; + padding-right: 0px; + margin-right: 0px; +} +@media (min-width: 600px) { + /* line 13, ../sass/layouts/_l-3up.scss */ + .l-3up { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: 12px; + } +} +@media (min-width: 1100px) { + /* line 13, ../sass/layouts/_l-3up.scss */ + .l-3up { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 33.33333%; + padding-left: 0; + padding-right: 16px; + margin-right: 8px; + } +} + +@media (min-width: 600px) { + /* line 25, ../sass/layouts/_l-3up.scss */ + .l-3up:nth-of-type(2n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: -12px; + } +} +@media (min-width: 1100px) { + /* line 25, ../sass/layouts/_l-3up.scss */ + .l-3up:nth-of-type(2n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 33.33333%; + padding-left: 0; + padding-right: 16px; + margin-right: 8px; + } +} + +@media (min-width: 1100px) { + /* line 34, ../sass/layouts/_l-3up.scss */ + .l-3up:nth-of-type(3n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 33.33333%; + padding-left: 0; + padding-right: 16px; + margin-right: -16px; + } +} + +@media (min-width: 1100px) { + /* line 40, ../sass/layouts/_l-3up.scss */ + .l-3up:nth-of-type(3n+1) { + clear: left; + } +} + +/* line 50, ../sass/layouts/_l-3up.scss */ +.l-3up--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 50, ../sass/layouts/_l-3up.scss */ + .l-3up--1 { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 57, ../sass/layouts/_l-3up.scss */ +.l-3up--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 57, ../sass/layouts/_l-3up.scss */ + .l-3up--2 { + clear: none; + float: left; + width: 33.33333%; + margin-left: 33.33333%; + margin-right: -66.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 65, ../sass/layouts/_l-3up.scss */ +.l-3up--3 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 65, ../sass/layouts/_l-3up.scss */ + .l-3up--3 { + clear: none; + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/** + * @file + * Layout rules for 4-up content + */ +/* line 13, ../sass/layouts/_l-4up.scss */ +.l-4up { + float: left; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 100%; + padding-left: 0; + padding-right: 0px; + margin-right: 0px; +} +@media (min-width: 600px) { + /* line 13, ../sass/layouts/_l-4up.scss */ + .l-4up { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: 12px; + } +} +@media (min-width: 1100px) { + /* line 13, ../sass/layouts/_l-4up.scss */ + .l-4up { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 25%; + padding-left: 0; + padding-right: 18px; + margin-right: 6px; + } +} + +@media (min-width: 600px) { + /* line 25, ../sass/layouts/_l-4up.scss */ + .l-4up:nth-of-type(2n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 50%; + padding-left: 0; + padding-right: 12px; + margin-right: -12px; + } +} +@media (min-width: 1100px) { + /* line 25, ../sass/layouts/_l-4up.scss */ + .l-4up:nth-of-type(2n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 25%; + padding-left: 0; + padding-right: 18px; + margin-right: 6px; + } +} + +@media (min-width: 1100px) { + /* line 34, ../sass/layouts/_l-4up.scss */ + .l-4up:nth-of-type(4n) { + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + width: 25%; + padding-left: 0; + padding-right: 18px; + margin-right: -18px; + } +} + +@media (min-width: 1100px) { + /* line 40, ../sass/layouts/_l-4up.scss */ + .l-4up:nth-of-type(4n+1) { + clear: left; + } +} + +/* line 50, ../sass/layouts/_l-4up.scss */ +.l-4up--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 50, ../sass/layouts/_l-4up.scss */ + .l-4up--1 { + float: left; + width: 25%; + margin-left: 0%; + margin-right: -25%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 57, ../sass/layouts/_l-4up.scss */ +.l-4up--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 57, ../sass/layouts/_l-4up.scss */ + .l-4up--2 { + clear: none; + float: left; + width: 25%; + margin-left: 25%; + margin-right: -50%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 65, ../sass/layouts/_l-4up.scss */ +.l-4up--3 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 65, ../sass/layouts/_l-4up.scss */ + .l-4up--3 { + clear: none; + float: left; + width: 25%; + margin-left: 50%; + margin-right: -75%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 73, ../sass/layouts/_l-4up.scss */ +.l-4up--4 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 73, ../sass/layouts/_l-4up.scss */ + .l-4up--4 { + clear: none; + float: left; + width: 25%; + margin-left: 75%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/** + * @file + * Layout rules for 6-up content + */ +/* line 6, ../sass/layouts/_l-6up.scss */ +.l-6up--1 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 6, ../sass/layouts/_l-6up.scss */ + .l-6up--1 { + float: left; + width: 16.66667%; + margin-left: 0%; + margin-right: -16.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 14, ../sass/layouts/_l-6up.scss */ +.l-6up--2 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 14, ../sass/layouts/_l-6up.scss */ + .l-6up--2 { + clear: none; + float: left; + width: 16.66667%; + margin-left: 16.66667%; + margin-right: -33.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 23, ../sass/layouts/_l-6up.scss */ +.l-6up--3 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 23, ../sass/layouts/_l-6up.scss */ + .l-6up--3 { + clear: none; + float: left; + width: 16.66667%; + margin-left: 33.33333%; + margin-right: -50%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 32, ../sass/layouts/_l-6up.scss */ +.l-6up--4 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 32, ../sass/layouts/_l-6up.scss */ + .l-6up--4 { + clear: none; + float: left; + width: 16.66667%; + margin-left: 50%; + margin-right: -66.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 41, ../sass/layouts/_l-6up.scss */ +.l-6up--5 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 41, ../sass/layouts/_l-6up.scss */ + .l-6up--5 { + clear: none; + float: left; + width: 16.66667%; + margin-left: 66.66667%; + margin-right: -83.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 50, ../sass/layouts/_l-6up.scss */ +.l-6up--6 { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 50, ../sass/layouts/_l-6up.scss */ + .l-6up--6 { + clear: none; + float: left; + width: 16.66667%; + margin-left: 83.33333%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* Component (SMACSS module) rules */ +/* Styleguide Specific rules */ +/** + * @file + * Define the styles for the styleguide. This is not css for the site. + * + * @copyright Copyright (c) 2014 Palantir.net + */ +/* line 8, ../sass/styleguide/_styleguide.scss */ +.l-styleguide-column { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 8, ../sass/styleguide/_styleguide.scss */ + .l-styleguide-column { + float: left; + width: 66.66667%; + margin-left: 0%; + margin-right: -66.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} +@media (min-width: 900px) { + /* line 8, ../sass/styleguide/_styleguide.scss */ + .l-styleguide-column { + float: left; + width: 58.33333%; + margin-left: 8.33333%; + margin-right: -66.66667%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 20, ../sass/styleguide/_styleguide.scss */ +.l-styleguide-rail { + clear: left; + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} +@media (min-width: 600px) { + /* line 20, ../sass/styleguide/_styleguide.scss */ + .l-styleguide-rail { + clear: none; + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} +@media (min-width: 900px) { + /* line 20, ../sass/styleguide/_styleguide.scss */ + .l-styleguide-rail { + float: left; + width: 25%; + margin-left: 8.33333%; + margin-right: -33.33333%; + padding-left: 12px; + padding-right: 12px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + } +} + +/* line 32, ../sass/styleguide/_styleguide.scss */ +.styleguide-copyright { + font-size: 0.8em; + line-height: 1.5em; + color: #888888; + padding: 4.8em 0; + margin-top: 8em; + border-top: 1px solid #F0F0F0; +} + +/* line 40, ../sass/styleguide/_styleguide.scss */ +.styleguide-label { + color: #444444; +} + +/* line 44, ../sass/styleguide/_styleguide.scss */ +.styleguide-section { + margin-top: 4.8em; + border-top: 1px solid #F0F0F0; + padding-top: 2.4em; +} + +/* line 53, ../sass/styleguide/_styleguide.scss */ +.styleguide-list { + padding: 0 0 0 1.6em; +} +/* line 55, ../sass/styleguide/_styleguide.scss */ +.styleguide-list h4 { + margin-top: 0em; + margin-bottom: 0.2em; + font-weight: 400; +} + +/* line 62, ../sass/styleguide/_styleguide.scss */ +.styleguide-component { + background-color: #ffffff; + padding: 1.6em 0; +} + +/* line 67, ../sass/styleguide/_styleguide.scss */ +.component-header { + background-color: #F0F0F0; + margin: 3.2em 0; + padding: 3.2em 0; +} + +/* line 73, ../sass/styleguide/_styleguide.scss */ +.color-title { + border-bottom: 1px solid #F0F0F0; + padding-bottom: 0.8em; + margin: 1.6em 0; +} + +/* line 79, ../sass/styleguide/_styleguide.scss */ +.color-block { + width: 100%; + height: 50px; + margin-top: 0.8em; +} + +/* line 85, ../sass/styleguide/_styleguide.scss */ +.color-label { + color: #888888; + margin-bottom: 1.6em; +} + +/* line 90, ../sass/styleguide/_styleguide.scss */ +.styleguide-swatch { + width: 50%; + padding: 25px; +} + +/* print rules */ +/** + * @file + * Define print styles here. + */ diff --git a/source/code/imgs/README.md b/source/code/imgs/README.md new file mode 100644 index 0000000..07c196f --- /dev/null +++ b/source/code/imgs/README.md @@ -0,0 +1,4 @@ +Images +================= + +Put your images here. diff --git a/source/code/imgs/fpo-16x9.jpg b/source/code/imgs/fpo-16x9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..12caba86cf398b8b09d38ae85d640c913bc40fc7 GIT binary patch literal 8953 zcmeHMc|6qH`~M*77Rr^fBz`K|#u&@kM{c5ShPsN-O^m@{jAdf%u69c*l`WtP z&KIqyrK$x%slhZAwRKftS};u=*j`0-HJAoeO#=$kfWXxC)O7V=T8bZw61bYLvy0v@ zCZ-?P0(*u^A2$^c5TF{Mp^Ec$g~D`ob)jnNP<3?(I0NDr=!JJAK)n36%_Eqg{ZPIb zZ#)L)rN~Egbi$p%8!CaE&TRqf{Rwu(vsyF}iTwIhES7%&v#@^nU(gHut_bXREYKSb z{RQoZJL8K&gVVS1iM{pq`=TB3INxJ9oag*09&y9raei(%Z^ixl6?Y;XQ5Y|Nf7dJl z5~+8{%Mb79g+d=PF;oH}R52K5Jsp_oPjFo|Z4Di`8Vq(o!&u8$`zK>lV+}Q9O*QyW z8uPR!IMf*|+6zBV>%2g#^F>;|EMUFCl}*sT7=N_0sV@$zIJ;*(%$Ir5`Xb&(TIVnG z0{(+>ftXU_zcI~>gYehGR&Xx_L;_El87Z;V3+_+Iva*Ldt+!lpT zMPT*n)ncMz(i=8N%SuT|$$t9qy$#+|Kw^!6n_z^HfCL~YAs{3nzP_=~a6Z|ai1NAs0_inQA3 zSfR0h+cDbqc9Q~ODTyV}d>md2ASwi6NeD>*M!@}++Q3Xq_T`?-%`)r{r9D?RO;w!2 z!h@{d|32fX@bFO5B~C_cs4?+AmtHIWc-&G=Z=luSX)hT+EcCyj|H4TKC;IgGIb>|K zYh>vgZ0k=N6iE)3vkV$#PU@CW-saY#;`B|Yf`p{FW5ZX^TtuAI?ybc9UjCXLS74k$ zGP}nEwwn?)XM!lxeq9bV|E%@v_B-9&q;R3_%}u6#pt;~3z6AX1BKh;Fv8b2IjcHPs z80umUl@(dcoN@*aXrjR2T4wf{CB=!i{l`&7*xbqIk<92rfA9d&X_;{M;R%)Qvcb_#(Mj+3&jK^;sF1BcivMd4 zL1oBJR*kAc9xs=*n7B`U2zl=?py*&vv!(n_dUmK4&M4hc*3Z2ovu_oh>7XMxGZpwk z5dcJD>==#Lq9G{wn)WL*3djeqJ9%hqij9}cRJru8 z`67$QDgPW&npk;u9QVk`+^6);-Wh8#ME?$d=1kSW%cb39-6$trTKlzE}KqOz$;T~fT zM;s@bB}h3<6*v;T>~Og}pdRr)kBqVfy!-vf8~-~x+;aCR}_L@k*=?Of$cu&wUw%W(xx0SBQx zfc}b`>`Cv^$qeIgpJpJ4@OAii_o45QBaIV7mK=3Uh0JM{S26{ta(yb)HjfqS0zatxZSMFpFqHIC6Z9)P zHK$ZIoaqs&#ZpXaY}$y_#80FLSlBYJhlWG%sMprkHFwMdCI|O+0S-)@F5eZMD?%2A zp44qy)5(aPt#SdU$jAqg*!24cQ@Wu;&vCb{9&ZmLD(pkQouB@dTCh*n;Gu_hYn*6s z0rL!s2OuI!yXcs4OwN!qclz41?yT{vF4ghMhp9t$xIh*rwLpB|JRH(+bT|S!P1UdcRN zAYHj-d)6|=@R5&Aj?0wgnoCnIu6RKnz%|rv&ZchliBcITeX~}h$IrFM;xM-PQE|J3 zg0qQNg!KZJavEpy>E>}po$*GckV8 zddU~>?5WSKxs@O1ZvgABL^kk%u2&lugRF4H{LkyW-3w1MHl`MplI1h7*sdSfJKWFnkAxK(=hP+)j)!zl$?xjT_`_b#_ z6PfpkS}448`}J~b_R!S>BUbKpNUib^pK_W+!6+w(`*!J$KS2n;)=VliX~~zOIQZLJ z{D*S;1!NMRj2mp~s+lT{t586y#E}$TYf@A_s6#C{4Ew70C(^mb4_W2q-okuWVc)VZ zpaBnlNei;`aBFudh&dy2z#Wp&3i8BBRO*?BTD zVmSzCVcWLI6gp%`DUZ#hZ4E!IiFX@mn~b$^o4!e$=m^gvYv0*bpG{3e-47QFy%F0$ zy0LHfXCNyn^86$L7kN|9O+A&E+`8_#AL0s7=OVd}3@znBd(Dz#n@{?XKn3hBJe?SG zvstpdBz81$$_a&!{BxfEV=bVSM{>(^!eUw_yoeQ?eQBSz5G%sd}XW4>eGhPPffG|~nQzqv(qE39fUyu(Ga z_#KGDwN4eRTT>bID*C&1MmNt|K0fqoDG$iMzAa~@>3rBA`pG~rl7uPF3TbimaAg$Mpx_NZK5nr!eb^-vAtE~(F%zH`4>P)I6uR%uNOMREc#y2DIeiZ% zibX1wLZMNAenr$k!3O)$xOo;JQ09a*G``iSZ)V@K?Cxdc9uQ=hKG+5;0Axq-U6K9fObXJ+^$*nr1azg_T#J<9b2U>C?x0=H_ zlgfIaQ(-?KV*hfasFAHzLHq-yb*W9u1JDx<%$wEe!lnX<1jIegm`hO73fGPhHSb^#maTi9-WpY z-#m-x|JC1Nrb_2hX%A^#=vxvzPFXMHMqNNemvFl}L1#HM>kij4@?af9K->i*T#^I;# zw~till9tVZlRldpm>rjy(ivfgxQMNHVv?JqEDW{6M6DkA!yIOns zC$ID5JV2kc<7JOg1@0oWuPt13&Wx+>eK2RnV=UhKeqv;4V+GfK=>&ileIWQ3_4h@N z6-IsJIQkY((1l5eUWM=8MaOL!Z`S4_q(lzeH6|5jy10ha4qTllmxX!YHpbZI$P7}} z+Q)>#SwIh-Fl=Uhh3m(PWE9MXt+$+SF#N@oJsB?f5?9LmZl&Ig z)4ggx)D2#7dmK?Syo5cmtvi=J`c8Dx4^0g$w@3CP)E7nVg33<*Roz#96g!%mc_ONJ z*AT(f9W>?Slvfh*2fQxVMAC?&KExDdEOCV!7Nboi%w|VS9*Pu=FmB%>_J0p%QSw)YMpuDG&-GU*2?$32G zBSgZ{$44Eap#!W~`l!{^)7|xVsTcAC!MD7><`BbnbZ}HyaS6a&=PUjd04Nt1=Sk%v z^YqiVg}l%T-z+Z1c|2nzW~i*p%qG|jtd=Q$2<4|tyup--3D>Hs?M~hDCH7X_qejwo z`U_Ofo5PhT||V|)NiJt2+vL3HMY5R6KOEm*z>Ax;nT~3 z0N`ud+<@GSL@8%8MRb``iHzV-t(hU=;{2bfnl~me`kB+d_H}JrkBHv+98_>xw)Q~| zyVlfPgCaHFMDHUi+D?ZeGQw`P%Bb)F()ECu6mQ}Y^b_b|Bp9h?fRU=X;Ab#jzG{Im z`K>2!OhRDMt9)ugY27Rh(EEr7y^q7Ea*1Q=CRnZ(n0%7K1-H>XTCf-}KIErQRw|gx z66^`eJyQJ@ZEF{QFk~ecfiY{$O)zF1w$`pg$n5EIP|y)MvW)h#1j77xFmnR;95#{% z-P)$qhTL%5)W6p~Dhk4Rnr3N+VHj-64WH6Kc2fVKrf~zY@HB}rlhA8hf!ulWW%a7Y z#=P`~q`Zs}bFV}Z(tF4H$2Q24!BVO z5Er=}CRh>T#lu<5G$!1knPPMSkwa+(au6iATU6bDIzYE$+t=I3MsT*+09BCm0f#K={-}W*(#N}4p4@;ue6$5oKoe}GQVjlKOtJSZw zZ^dPnIZNvO$LUI{Ji_P)Dt1z(X^11Vx3;!Fb=bgpMV1x~E~Fag!c}+B)L)J^>Uile zn`(q|T+jb@y`k8}!!0qf6{df8fpjGy1Vh8XLTjAdt|-H1oc^Az<^06S%kFVZ@6h|W z@prMb5&F~%4dNvEz+RJDidqh2+a+?DeWv$f58Jw#K3A ztkU`@?K)}`so|7j?I-Hb#ZItRHl(?q9#x2m9X3z`^VgtWjJb`x@ptz#JBN)qY7|=j z_9)RR#W3C1-qWe&{U)tS(+=3(J^uy57iA;i3fG(@%P2iWO6r!<4NxtRxa_k>a5 znBm)2MxkNg86Z=H)75QUT1QKzm&B~gpJn&^QLsj64*8iaQ<@caIE=Xd$br#9soO#B z)6!Y^K4x&J^~}?SEBO|00H9itQxjE)Y7kY+TUwz{z~=mk#eQF?F*1 z4~|T?MbyAx`g2M7CC?i_Bn&M)cE@tTsG~)NatF=oeZ#zE%!W8DuaIo3=3Owr|F}jT*5M=`MXmJb
diff --git a/source/styleguide/component-template.html b/source/styleguide/component-template.html new file mode 100644 index 0000000..0a2dc19 --- /dev/null +++ b/source/styleguide/component-template.html @@ -0,0 +1,9 @@ +--- +layout: component +type: main +section: component + +title: Template +description: Add Description. +--- +Place include here. diff --git a/source/styleguide/element-color-palette.html b/source/styleguide/element-color-palette.html new file mode 100644 index 0000000..07b3b3f --- /dev/null +++ b/source/styleguide/element-color-palette.html @@ -0,0 +1,22 @@ +--- +layout: element +section: element + +title: Color Palette +description: Add Description +variable: $secondary +hex: 002b50 +--- +
+
+

Primary Palette

+ +
+ + Variable: {{ page.variable }}
+ Hex: # {{ page.hex }} + +
+ +
+
diff --git a/source/styleguide/element-form-elements.html b/source/styleguide/element-form-elements.html new file mode 100644 index 0000000..a2b382e --- /dev/null +++ b/source/styleguide/element-form-elements.html @@ -0,0 +1,52 @@ +--- +layout: element +section: element + +title: Form Elements +description: Add Description +--- +
+
+
+ +
+ + +
+ +
+

Radio Button Choice

+ + + + + + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+
diff --git a/source/styleguide/element-grid.html b/source/styleguide/element-grid.html new file mode 100644 index 0000000..c85d84e --- /dev/null +++ b/source/styleguide/element-grid.html @@ -0,0 +1,88 @@ +--- +layout: element +section: element + +title: Grid System +description: Add Description. +--- + +
+ +
+

Default 12 Column grid layout classes

+

Re-use or modify to suit the needs of your project’s content.

+
+ +
+

l-1up

+
+ +
+

l-2up--1

+
+
+

l-2up--2

+
+ +
+

l-3up--1

+
+
+

l-3up--2

+
+
+

l-3up--3

+
+ +
+

l-4up--1

+
+
+

l-4up--2

+
+
+

l-4up--3

+
+
+

l-4up--4

+
+ +
+

l-6up--1

+
+
+

l-6up--2

+
+
+

l-6up--3

+
+
+

l-6up--4

+
+
+

l-6up--5

+
+
+

l-6up--6

+
+ +
+

l-33-66--1

+
+
+

l-33-66--2

+
+ +
+

l-66-33--1

+
+
+

l-66-33--2

+
+ +
diff --git a/source/styleguide/element-typography.html b/source/styleguide/element-typography.html new file mode 100644 index 0000000..953aea3 --- /dev/null +++ b/source/styleguide/element-typography.html @@ -0,0 +1,76 @@ +--- +layout: element +section: element + +title: Typography +description: Add Description. +--- +
+
+ Headings +
+

H1: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

+

H2: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

+

H3: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

+

H4: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

+
H5: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+
H6: It is a Period of Civil War Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+
+
+ Paragraphs & Lists +
+

It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire.

+

During the battle, Rebel spies managed to steal secret plans to the Empire’s ultimate weapon, the Death Star, an armored space station with enough power to destroy an entire planet.

+

Pursued by the Empire’s sinister agents, Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy…

+

Unordered Lists

+
    +
  • This is the first item in an unordered list.
    • +
  • This is the second item in an unordered list.
    • +
  • This is the third item in an unordered list.
    • +
  • This is the fourth item in an unordered list.
    • +
+

Ordered Lists

+
    +
  1. This is the first item in an ordered list.
    2. +
  2. This is the second item in an ordered list.
    3. +
  3. This is the third item in an ordered list.
    4. +
  4. This is the fourth item in an ordered list.
    5. +
+

Nested Lists

+
    +
  1. This is the first item in an ordered list. +
      +
    • This is the first nested item within the first item.
      • +
    • This is the second nested item within the first item.
      • +
    • This is the third nested item within the first item.
      • +
    +
  2. This is the second item in an ordered list.
    3. +
  3. This is the third item in an ordered list.
    4. +
  4. This is the fourth item in an ordered list.
    5. +
+
+
+ Text Attributes +
+

This is a text link

+

Strong is used to indicate strong importance

+

This text has added emphasis

+

The b element is stylistically different text from normal text, without any special importance

+

The i element is text that is set off from the normal text

+

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

+

This text is deleted and This text is inserted

+

This text has a strikethrough

+

Superscript®

+

Subscript for things like H2O

+

This small text is small for for fine print, etc.

+

Abbreviation: HTML

+

Keybord input: Cmd

+

This text is a short inline quotation

+

This is a citation

+

The dfn element indicates a definition.

+

The mark element indicates a highlight

+

This is what inline code looks like.

+

This is sample output from a computer program

+

The variarble element, such as x = y

+
+
From 32aba6d1db0a32288e563dbb20aa334236f43cb9 Mon Sep 17 00:00:00 2001 From: Patrick Weston Date: Tue, 6 Oct 2015 15:47:16 -0500 Subject: [PATCH 2/6] Changes the CSS path from relative to absolute --- Gulpfile.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Gulpfile.js b/Gulpfile.js index fd41ac8..6f81b60 100644 --- a/Gulpfile.js +++ b/Gulpfile.js @@ -29,7 +29,7 @@ gulp.task('inject-default', function () { // It's not necessary to read the files (will speed up things), we're only after their paths: var sources = gulp.src(['source/code/css/*.css', 'source/code/js/*.js'], {read: false}); // Inject but trim the path to be relative to HTML - return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: false })) + return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: true })) .pipe(gulp.dest('source/code/_views')); }); @@ -39,7 +39,7 @@ gulp.task('inject-min', function () { // It's not necessary to read the files (will speed up things), we're only after their paths: var sources = gulp.src(['source/code/min/*.css', 'source/code/min/*.js'], {read: false}); // Inject but trim the path to be relative to HTML - return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: false })) + return target.pipe(inject(sources, {ignorePath: 'source', addRootSlash: true })) .pipe(gulp.dest('source/code/_views')); }); From 5c3e1fd337e829399414248c2202eaa82661e3c4 Mon Sep 17 00:00:00 2001 From: Michellanne Li Date: Tue, 26 Jan 2016 11:11:32 -0600 Subject: [PATCH 3/6] Fixes npm packages.json adds js hint to npm --- package.json | 21 ++- source/code/css/styles.css | 330 ------------------------------------- 2 files changed, 20 insertions(+), 331 deletions(-) mode change 100644 => 100755 package.json diff --git a/package.json b/package.json old mode 100644 new mode 100755 index 05c55c6..398a843 --- a/package.json +++ b/package.json @@ -16,5 +16,24 @@ "bugs": { "url": "https://github.com/labyrwa/fed-automation/issues" }, - "homepage": "https://github.com/labyrwa/fed-automation" + "homepage": "https://github.com/labyrwa/fed-automation", + "devDependencies": { + "browser-sync": "^2.11.1", + "compass-options": "^0.1.1", + "gulp": "^3.9.0", + "gulp-autoprefixer": "^3.1.0", + "gulp-changed": "^1.3.0", + "gulp-compass": "^2.1.0", + "gulp-cssmin": "^0.1.7", + "gulp-imagemin": "^2.4.0", + "gulp-inject": "^3.0.0", + "gulp-jscs": "^3.0.2", + "gulp-jscs-stylish": "^1.3.0", + "gulp-jshint": "^2.0.0", + "gulp-rename": "^1.2.2", + "gulp-scss-lint": "^0.3.9", + "gulp-sitespeedio": "0.0.8", + "gulp-uglify": "^1.5.1", + "jshint-checkstyle-file-reporter": "0.0.1" + } } diff --git a/source/code/css/styles.css b/source/code/css/styles.css index cd04471..8714d0a 100644 --- a/source/code/css/styles.css +++ b/source/code/css/styles.css @@ -21,25 +21,21 @@ Typography grooming extends ========================================================================== */ /* Tight tracking */ -/* line 12, ../sass/_mixins.scss */ h1, h2, h3 { letter-spacing: -0.0125em; } /* Open tracking */ -/* line 15, ../sass/_mixins.scss */ h5, h6 { letter-spacing: 0.1em; } /* Style larger text with a tighter tracking, change weight, etc. */ -/* line 18, ../sass/_mixins.scss */ h1, h2, h3 { font-weight: 700; } /* Style all caps with a slightly open tracking. */ -/* line 21, ../sass/_mixins.scss */ h5, h6 { text-transform: uppercase; } @@ -59,7 +55,6 @@ h5, h6 { * Element-invisible as defined by snook.ca * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ -/* line 52, ../sass/_mixins.scss */ .element-invisible, .element-focusable { position: absolute !important; @@ -70,7 +65,6 @@ h5, h6 { } /* Turns off the element-invisible effect. */ -/* line 65, ../sass/_mixins.scss */ .element-focusable:active, .element-focusable:focus { position: static !important; clip: auto; @@ -103,7 +97,6 @@ h5, h6 { * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ -/* line 23, ../sass/_normalize.scss */ article, aside, details, @@ -119,7 +112,6 @@ summary { } /* Correct `inline-block` display not defined in IE 8/9. */ -/* line 38, ../sass/_normalize.scss */ audio, canvas, video { @@ -130,14 +122,12 @@ video { * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ -/* line 52, ../sass/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ -/* line 58, ../sass/_normalize.scss */ [hidden] { display: none; } @@ -174,7 +164,6 @@ audio:not([controls]) { * `em` units. * 4. Makes it pretty — banishes chunky type. */ -/* line 97, ../sass/_normalize.scss */ html { font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; /* 1 */ @@ -194,26 +183,22 @@ html { line-height: 1.6em; } @media (min-width: 600px) { - /* line 97, ../sass/_normalize.scss */ html { font-size: 105%; } } @media (min-width: 900px) { - /* line 97, ../sass/_normalize.scss */ html { font-size: 116.25%; } } @media (min-width: 1100px) { - /* line 97, ../sass/_normalize.scss */ html { font-size: 127.5%; } } /* Remove default margin. */ -/* line 128, ../sass/_normalize.scss */ body { margin: 0; padding: 0; @@ -225,33 +210,26 @@ body { * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ -/* line 139, ../sass/_normalize.scss */ a:link, a:visited { color: #888888; text-decoration: none; } -/* line 144, ../sass/_normalize.scss */ a:hover, a:focus, a:active { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #F0F0F0; text-decoration: underline; } /* Address `outline` inconsistency between Chrome and other browsers. */ -/* line 153, ../sass/_normalize.scss */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ -/* line 158, ../sass/_normalize.scss */ a:active, a:hover { outline: 0; @@ -267,13 +245,11 @@ a:hover { * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ -/* line 174, ../sass/_normalize.scss */ p, pre { margin: 0 0 1em 0; } -/* line 178, ../sass/_normalize.scss */ blockquote { /* Also indent the quote on both sides. */ margin: rhythm(1); @@ -284,7 +260,6 @@ blockquote { * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ -/* line 188, ../sass/_normalize.scss */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 1.95em; @@ -294,7 +269,6 @@ h1 { margin-bottom: 0.30769em; } -/* line 196, ../sass/_normalize.scss */ h2 { font-size: 1.56em; line-height: 1.53846em; @@ -302,7 +276,6 @@ h2 { margin-bottom: 0.38462em; } -/* line 202, ../sass/_normalize.scss */ h3 { font-size: 1.25em; line-height: 1.76em; @@ -310,7 +283,6 @@ h3 { margin-bottom: 0.48em; } -/* line 208, ../sass/_normalize.scss */ h4 { font-size: 1em; line-height: 1.6em; @@ -318,7 +290,6 @@ h4 { margin-bottom: 0.6em; } -/* line 213, ../sass/_normalize.scss */ h5 { font-size: 0.8em; line-height: 1.75em; @@ -326,7 +297,6 @@ h5 { margin-bottom: 0.5em; } -/* line 219, ../sass/_normalize.scss */ h6 { font-weight: 400; font-size: 0.8em; @@ -336,29 +306,23 @@ h6 { } /* Address styling not present in IE 8/9, Safari 5, and Chrome. */ -/* line 229, ../sass/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ -/* line 234, ../sass/_normalize.scss */ b, strong { font-weight: 700; } /* Address styling not present in Safari 5 and Chrome. */ -/* line 240, ../sass/_normalize.scss */ dfn { font-style: italic; } /* Address differences between Firefox and other browsers. */ -/* line 245, ../sass/_normalize.scss */ hr { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #ddd; @@ -367,14 +331,12 @@ hr { } /* Address styling not present in IE 8/9. */ -/* line 254, ../sass/_normalize.scss */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ -/* line 260, ../sass/_normalize.scss */ code, kbd, pre, @@ -387,25 +349,21 @@ var { } /* Improve readability of pre-formatted text in all browsers. */ -/* line 274, ../sass/_normalize.scss */ pre { white-space: pre-wrap; } /* Set consistent quote types. */ -/* line 286, ../sass/_normalize.scss */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Address inconsistent and variable font size in all browsers. */ -/* line 291, ../sass/_normalize.scss */ small { font-size: 80%; } /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ -/* line 296, ../sass/_normalize.scss */ sub, sup { font-size: 75%; @@ -414,12 +372,10 @@ sup { vertical-align: baseline; } -/* line 303, ../sass/_normalize.scss */ sup { top: -0.5em; } -/* line 306, ../sass/_normalize.scss */ sub { bottom: -0.25em; } @@ -427,7 +383,6 @@ sub { /** * Lists */ -/* line 313, ../sass/_normalize.scss */ dl, menu, ol, @@ -436,7 +391,6 @@ ul { margin: 0 0 0.8em 0; } -/* line 322, ../sass/_normalize.scss */ ol ol, ol ul, ul ol, @@ -445,14 +399,12 @@ ul ul { margin: 0 0 0.8em 0; } -/* line 328, ../sass/_normalize.scss */ dd { margin: 0 0 0 rhythm(1); /* LTR */ } /* Address paddings set differently in IE 6/7. */ -/* line 333, ../sass/_normalize.scss */ menu, ol, ul { @@ -465,7 +417,6 @@ ul { * * @todo Look into adding responsive embedded video. */ -/* line 353, ../sass/_normalize.scss */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; @@ -477,7 +428,6 @@ img { width: auto; } -/* line 373, ../sass/_normalize.scss */ figcaption { color: #888888; font-style: italic; @@ -490,7 +440,6 @@ figcaption { * Requires a "video-wrapper" class on the * tag containing the iframe embed code. */ -/* line 384, ../sass/_normalize.scss */ .video-wrapper { position: relative; padding-bottom: 56.25%; @@ -498,7 +447,6 @@ figcaption { height: 0; } -/* line 389, ../sass/_normalize.scss */ .video-wrapper iframe { position: absolute; top: 0; @@ -510,13 +458,11 @@ figcaption { /** * Correct overflow displayed oddly in IE 9. */ -/* line 401, ../sass/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ -/* line 406, ../sass/_normalize.scss */ figure { margin: 1.2em 0; } @@ -525,7 +471,6 @@ figure { * Forms */ /* Define consistent border, margin, and padding. */ -/* line 422, ../sass/_normalize.scss */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ @@ -549,7 +494,6 @@ fieldset { * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ -/* line 437, ../sass/_normalize.scss */ legend { border: 0; /* 1 */ @@ -564,7 +508,6 @@ legend { * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ -/* line 452, ../sass/_normalize.scss */ button, input, select, @@ -577,8 +520,6 @@ textarea { /* 3 */ max-width: 100%; /* 5 */ - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; /* 5 */ } @@ -587,7 +528,6 @@ textarea { * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ -/* line 471, ../sass/_normalize.scss */ button, input { line-height: normal; @@ -599,7 +539,6 @@ input { * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ -/* line 482, ../sass/_normalize.scss */ button, select { text-transform: none; @@ -614,7 +553,6 @@ select { * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ -/* line 496, ../sass/_normalize.scss */ button, html input[type="button"], input[type="reset"], @@ -628,7 +566,6 @@ input[type="submit"] { /** * Re-set default cursor for disabled elements. */ -/* line 510, ../sass/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; @@ -640,11 +577,8 @@ html input[disabled] { * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ -/* line 521, ../sass/_normalize.scss */ input[type="checkbox"], input[type="radio"] { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; @@ -656,12 +590,9 @@ input[type="radio"] { * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ -/* line 536, ../sass/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } @@ -670,14 +601,12 @@ input[type="search"] { * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ -/* line 545, ../sass/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ -/* line 551, ../sass/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; @@ -688,7 +617,6 @@ input::-moz-focus-inner { * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ -/* line 561, ../sass/_normalize.scss */ textarea { overflow: auto; /* 1 */ @@ -697,7 +625,6 @@ textarea { } /* Drupal-style form labels. */ -/* line 567, ../sass/_normalize.scss */ label { display: block; } @@ -707,7 +634,6 @@ label { * Please visit http://purecss.io/ for more information * purecss.io: Copyright 2014 Yahoo! Inc. All rights reserved. */ -/* line 577, ../sass/_normalize.scss */ input[type="text"], input[type="password"], input[type="email"], @@ -724,8 +650,6 @@ input[type="tel"], input[type="color"], select, textarea { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; color: #888888; -webkit-user-select: none; @@ -735,12 +659,8 @@ textarea { text-indent: .5em; border: 1px solid #F0F0F0; outline: none; - -webkit-transition: all 0.1s ease-out; - -moz-transition: all 0.1s ease-out; - -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* line 603, ../sass/_normalize.scss */ input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="password"]:hover, input[type="password"]:focus, @@ -791,7 +711,6 @@ textarea:active { outline: none; } -/* line 611, ../sass/_normalize.scss */ input[type="text"], input[type="password"], input[type="email"], @@ -814,10 +733,7 @@ select { Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ -/* line 634, ../sass/_normalize.scss */ input:not([type]) { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; color: #888888; -webkit-user-select: none; @@ -827,12 +743,8 @@ input:not([type]) { text-indent: .5em; border: 1px solid #888888; outline: none; - -webkit-transition: all 0.1s ease-out; - -moz-transition: all 0.1s ease-out; - -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* line 645, ../sass/_normalize.scss */ input:not([type]):hover, input:not([type]):focus, input:not([type]):active { border: 1px solid #444444; outline: none; @@ -840,7 +752,6 @@ input:not([type]):hover, input:not([type]):focus, input:not([type]):active { /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */ /* May be able to remove this tweak as color inputs become more standardized across browsers. */ -/* line 656, ../sass/_normalize.scss */ input[type="color"] { padding: 0.2em 0.5em; } @@ -849,7 +760,6 @@ input[type="color"] { Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ -/* line 664, ../sass/_normalize.scss */ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { @@ -857,7 +767,6 @@ input[type="checkbox"]:focus { outline: 1px auto #444444; } -/* line 671, ../sass/_normalize.scss */ input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], @@ -883,14 +792,12 @@ textarea[disabled] { Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ -/* line 696, ../sass/_normalize.scss */ input:not([type])[disabled] { cursor: not-allowed; background-color: #F0F0F0; color: #888888; } -/* line 701, ../sass/_normalize.scss */ input[readonly], select[readonly], textarea[readonly] { @@ -899,7 +806,6 @@ textarea[readonly] { border-color: #888888; } -/* line 709, ../sass/_normalize.scss */ input:focus:invalid, textarea:focus:invalid, select:focus:invalid { @@ -907,21 +813,18 @@ select:focus:invalid { border-color: #ee5f5b; } -/* line 715, ../sass/_normalize.scss */ input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; } -/* line 720, ../sass/_normalize.scss */ input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus { outline-color: #e9322d; } -/* line 726, ../sass/_normalize.scss */ input[type="checkbox"], input[type="radio"] { position: relative; @@ -930,10 +833,7 @@ input[type="radio"] { float: left; } -/* line 734, ../sass/_normalize.scss */ select { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; @@ -946,30 +846,23 @@ select { background-position: 97% 50%; border: 1px solid #F0F0F0; outline: none; - -webkit-transition: all 0.1s ease-out; - -moz-transition: all 0.1s ease-out; - -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* line 748, ../sass/_normalize.scss */ select:hover, select:focus, select:active { outline: 0; border: 1px solid #888888; } -/* line 755, ../sass/_normalize.scss */ select[multiple] { height: auto; } -/* line 760, ../sass/_normalize.scss */ fieldset { margin: 0; padding: 0.2em 0 0.6em; border: 0; } -/* line 765, ../sass/_normalize.scss */ legend { display: block; width: 100%; @@ -977,7 +870,6 @@ legend { margin-bottom: 1.2em; } -/* line 772, ../sass/_normalize.scss */ input + input, select + select, input + select, @@ -985,33 +877,26 @@ select + input { margin-top: .5em; } -/* line 779, ../sass/_normalize.scss */ button { background: #888888; border: 1px solid transparent; color: #ffffff; margin: 0.8em 0; padding: 0.8em; - -webkit-transition: all 0.1s ease-out; - -moz-transition: all 0.1s ease-out; - -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* line 787, ../sass/_normalize.scss */ button:hover { background: #444444; color: #ffffff; } -/* line 791, ../sass/_normalize.scss */ button:focus { outline-style: dotted; outline-color: #444444; outline-width: 1px; } -/* line 797, ../sass/_normalize.scss */ button[type="reset"] { color: #888888; font-size: 14px; @@ -1021,30 +906,25 @@ button[type="reset"] { padding: 0.8em 0.8em; } -/* line 805, ../sass/_normalize.scss */ button[type="reset"]:hover { color: #444444; } /* Styles for placeholder text */ -/* line 810, ../sass/_normalize.scss */ ::-webkit-input-placeholder { color: #F0F0F0; } -/* line 814, ../sass/_normalize.scss */ :-moz-placeholder { /* Firefox 18- */ color: #F0F0F0; } -/* line 818, ../sass/_normalize.scss */ ::-moz-placeholder { /* Firefox 19+ */ color: #F0F0F0; } -/* line 822, ../sass/_normalize.scss */ :-ms-input-placeholder { color: #F0F0F0; } @@ -1052,7 +932,6 @@ button[type="reset"]:hover { /* ========================================================================== Tables ========================================================================== */ -/* line 831, ../sass/_normalize.scss */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; @@ -1073,7 +952,6 @@ table { /* * Center the page. */ -/* line 29, ../sass/layouts/_l-zen-grids-base.scss */ .container { /* For screen sizes larger than 1200px, prevent excessively long lines of text by setting a max-width. */ @@ -1083,13 +961,11 @@ table { /* enforces a min-width in FF. */ } @media (min-width: 600px) { - /* line 29, ../sass/layouts/_l-zen-grids-base.scss */ .container { width: 90%; } } @media (min-width: 900px) { - /* line 29, ../sass/layouts/_l-zen-grids-base.scss */ .container { max-width: 1400px; } @@ -1098,13 +974,10 @@ table { /* * Apply the shared properties of grid items in a single, efficient ruleset. */ -/* line 44, ../sass/layouts/_l-zen-grids-base.scss */ .container, .grid-item { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1113,17 +986,14 @@ table { /* * Containers for grid items and flow items. */ -/* line 45, ../../../../../../.rvm/gems/ruby-2.1.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ .container:before, .container:after { content: ""; display: table; } -/* line 50, ../../../../../../.rvm/gems/ruby-2.1.1/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */ .container:after { clear: both; } -/* line 60, ../sass/layouts/_l-zen-grids-base.scss */ .container { padding-left: 0; padding-right: 0; @@ -1133,7 +1003,6 @@ table { * @file * Layout rules for full-width content */ -/* line 6, ../sass/layouts/_l-1up.scss */ .l-1up { clear: left; float: left; @@ -1142,8 +1011,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1153,7 +1020,6 @@ table { * @file * Layout rules for two thirds / one third (66/33) content */ -/* line 6, ../sass/layouts/_l-66-33.scss */ .l-66-33--1 { clear: left; float: left; @@ -1162,14 +1028,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 6, ../sass/layouts/_l-66-33.scss */ .l-66-33--1 { float: left; width: 66.66667%; @@ -1177,15 +1040,12 @@ table { margin-right: -66.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 14, ../sass/layouts/_l-66-33.scss */ .l-66-33--2 { clear: left; float: left; @@ -1194,14 +1054,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 14, ../sass/layouts/_l-66-33.scss */ .l-66-33--2 { clear: none; float: left; @@ -1210,8 +1067,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1222,7 +1077,6 @@ table { * @file * Layout rules for one third / two thirds (33/66) content */ -/* line 6, ../sass/layouts/_l-33-66.scss */ .l-33-66--1 { clear: left; float: left; @@ -1231,14 +1085,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 6, ../sass/layouts/_l-33-66.scss */ .l-33-66--1 { float: left; width: 33.33333%; @@ -1246,15 +1097,12 @@ table { margin-right: -33.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 14, ../sass/layouts/_l-33-66.scss */ .l-33-66--2 { clear: left; float: left; @@ -1263,14 +1111,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 14, ../sass/layouts/_l-33-66.scss */ .l-33-66--2 { clear: none; float: left; @@ -1279,8 +1124,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1291,20 +1134,15 @@ table { * @file * Layout rules for 2-up content */ -/* line 13, ../sass/layouts/_l-2up.scss */ .l-2up { float: left; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1314,12 +1152,9 @@ table { margin-right: 0px; } @media (min-width: 900px) { - /* line 13, ../sass/layouts/_l-2up.scss */ .l-2up { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1331,12 +1166,9 @@ table { } @media (min-width: 900px) { - /* line 22, ../sass/layouts/_l-2up.scss */ .l-2up:nth-of-type(2n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1348,13 +1180,11 @@ table { } @media (min-width: 900px) { - /* line 28, ../sass/layouts/_l-2up.scss */ .l-2up:nth-of-type(2n+1) { clear: left; } } -/* line 38, ../sass/layouts/_l-2up.scss */ .l-2up--1 { clear: left; float: left; @@ -1363,14 +1193,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 38, ../sass/layouts/_l-2up.scss */ .l-2up--1 { float: left; width: 50%; @@ -1378,15 +1205,12 @@ table { margin-right: -50%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 45, ../sass/layouts/_l-2up.scss */ .l-2up--2 { clear: left; float: left; @@ -1395,14 +1219,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 45, ../sass/layouts/_l-2up.scss */ .l-2up--2 { clear: none; float: left; @@ -1411,8 +1232,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1423,20 +1242,15 @@ table { * @file * Layout rules for 3-up content */ -/* line 13, ../sass/layouts/_l-3up.scss */ .l-3up { float: left; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1446,12 +1260,9 @@ table { margin-right: 0px; } @media (min-width: 600px) { - /* line 13, ../sass/layouts/_l-3up.scss */ .l-3up { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1462,12 +1273,9 @@ table { } } @media (min-width: 1100px) { - /* line 13, ../sass/layouts/_l-3up.scss */ .l-3up { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1479,12 +1287,9 @@ table { } @media (min-width: 600px) { - /* line 25, ../sass/layouts/_l-3up.scss */ .l-3up:nth-of-type(2n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1495,12 +1300,9 @@ table { } } @media (min-width: 1100px) { - /* line 25, ../sass/layouts/_l-3up.scss */ .l-3up:nth-of-type(2n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1512,12 +1314,9 @@ table { } @media (min-width: 1100px) { - /* line 34, ../sass/layouts/_l-3up.scss */ .l-3up:nth-of-type(3n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1529,13 +1328,11 @@ table { } @media (min-width: 1100px) { - /* line 40, ../sass/layouts/_l-3up.scss */ .l-3up:nth-of-type(3n+1) { clear: left; } } -/* line 50, ../sass/layouts/_l-3up.scss */ .l-3up--1 { clear: left; float: left; @@ -1544,14 +1341,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 50, ../sass/layouts/_l-3up.scss */ .l-3up--1 { float: left; width: 33.33333%; @@ -1559,15 +1353,12 @@ table { margin-right: -33.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 57, ../sass/layouts/_l-3up.scss */ .l-3up--2 { clear: left; float: left; @@ -1576,14 +1367,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 57, ../sass/layouts/_l-3up.scss */ .l-3up--2 { clear: none; float: left; @@ -1592,15 +1380,12 @@ table { margin-right: -66.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 65, ../sass/layouts/_l-3up.scss */ .l-3up--3 { clear: left; float: left; @@ -1609,14 +1394,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 65, ../sass/layouts/_l-3up.scss */ .l-3up--3 { clear: none; float: left; @@ -1625,8 +1407,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1637,20 +1417,15 @@ table { * @file * Layout rules for 4-up content */ -/* line 13, ../sass/layouts/_l-4up.scss */ .l-4up { float: left; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1660,12 +1435,9 @@ table { margin-right: 0px; } @media (min-width: 600px) { - /* line 13, ../sass/layouts/_l-4up.scss */ .l-4up { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1676,12 +1448,9 @@ table { } } @media (min-width: 1100px) { - /* line 13, ../sass/layouts/_l-4up.scss */ .l-4up { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1693,12 +1462,9 @@ table { } @media (min-width: 600px) { - /* line 25, ../sass/layouts/_l-4up.scss */ .l-4up:nth-of-type(2n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1709,12 +1475,9 @@ table { } } @media (min-width: 1100px) { - /* line 25, ../sass/layouts/_l-4up.scss */ .l-4up:nth-of-type(2n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1726,12 +1489,9 @@ table { } @media (min-width: 1100px) { - /* line 34, ../sass/layouts/_l-4up.scss */ .l-4up:nth-of-type(4n) { padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1743,13 +1503,11 @@ table { } @media (min-width: 1100px) { - /* line 40, ../sass/layouts/_l-4up.scss */ .l-4up:nth-of-type(4n+1) { clear: left; } } -/* line 50, ../sass/layouts/_l-4up.scss */ .l-4up--1 { clear: left; float: left; @@ -1758,14 +1516,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 50, ../sass/layouts/_l-4up.scss */ .l-4up--1 { float: left; width: 25%; @@ -1773,15 +1528,12 @@ table { margin-right: -25%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 57, ../sass/layouts/_l-4up.scss */ .l-4up--2 { clear: left; float: left; @@ -1790,14 +1542,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 57, ../sass/layouts/_l-4up.scss */ .l-4up--2 { clear: none; float: left; @@ -1806,15 +1555,12 @@ table { margin-right: -50%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 65, ../sass/layouts/_l-4up.scss */ .l-4up--3 { clear: left; float: left; @@ -1823,14 +1569,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 65, ../sass/layouts/_l-4up.scss */ .l-4up--3 { clear: none; float: left; @@ -1839,15 +1582,12 @@ table { margin-right: -75%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 73, ../sass/layouts/_l-4up.scss */ .l-4up--4 { clear: left; float: left; @@ -1856,14 +1596,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 73, ../sass/layouts/_l-4up.scss */ .l-4up--4 { clear: none; float: left; @@ -1872,8 +1609,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -1884,7 +1619,6 @@ table { * @file * Layout rules for 6-up content */ -/* line 6, ../sass/layouts/_l-6up.scss */ .l-6up--1 { clear: left; float: left; @@ -1893,14 +1627,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 6, ../sass/layouts/_l-6up.scss */ .l-6up--1 { float: left; width: 16.66667%; @@ -1908,15 +1639,12 @@ table { margin-right: -16.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 14, ../sass/layouts/_l-6up.scss */ .l-6up--2 { clear: left; float: left; @@ -1925,14 +1653,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 14, ../sass/layouts/_l-6up.scss */ .l-6up--2 { clear: none; float: left; @@ -1941,15 +1666,12 @@ table { margin-right: -33.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 23, ../sass/layouts/_l-6up.scss */ .l-6up--3 { clear: left; float: left; @@ -1958,14 +1680,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 23, ../sass/layouts/_l-6up.scss */ .l-6up--3 { clear: none; float: left; @@ -1974,15 +1693,12 @@ table { margin-right: -50%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 32, ../sass/layouts/_l-6up.scss */ .l-6up--4 { clear: left; float: left; @@ -1991,14 +1707,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 32, ../sass/layouts/_l-6up.scss */ .l-6up--4 { clear: none; float: left; @@ -2007,15 +1720,12 @@ table { margin-right: -66.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 41, ../sass/layouts/_l-6up.scss */ .l-6up--5 { clear: left; float: left; @@ -2024,14 +1734,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 41, ../sass/layouts/_l-6up.scss */ .l-6up--5 { clear: none; float: left; @@ -2040,15 +1747,12 @@ table { margin-right: -83.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 50, ../sass/layouts/_l-6up.scss */ .l-6up--6 { clear: left; float: left; @@ -2057,14 +1761,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 50, ../sass/layouts/_l-6up.scss */ .l-6up--6 { clear: none; float: left; @@ -2073,8 +1774,6 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; @@ -2089,7 +1788,6 @@ table { * * @copyright Copyright (c) 2014 Palantir.net */ -/* line 8, ../sass/styleguide/_styleguide.scss */ .l-styleguide-column { clear: left; float: left; @@ -2098,14 +1796,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 8, ../sass/styleguide/_styleguide.scss */ .l-styleguide-column { float: left; width: 66.66667%; @@ -2113,15 +1808,12 @@ table { margin-right: -66.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } @media (min-width: 900px) { - /* line 8, ../sass/styleguide/_styleguide.scss */ .l-styleguide-column { float: left; width: 58.33333%; @@ -2129,15 +1821,12 @@ table { margin-right: -66.66667%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 20, ../sass/styleguide/_styleguide.scss */ .l-styleguide-rail { clear: left; float: left; @@ -2146,14 +1835,11 @@ table { margin-right: -100%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } @media (min-width: 600px) { - /* line 20, ../sass/styleguide/_styleguide.scss */ .l-styleguide-rail { clear: none; float: left; @@ -2162,15 +1848,12 @@ table { margin-right: -33.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } @media (min-width: 900px) { - /* line 20, ../sass/styleguide/_styleguide.scss */ .l-styleguide-rail { float: left; width: 25%; @@ -2178,15 +1861,12 @@ table { margin-right: -33.33333%; padding-left: 12px; padding-right: 12px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } -/* line 32, ../sass/styleguide/_styleguide.scss */ .styleguide-copyright { font-size: 0.8em; line-height: 1.5em; @@ -2196,63 +1876,53 @@ table { border-top: 1px solid #F0F0F0; } -/* line 40, ../sass/styleguide/_styleguide.scss */ .styleguide-label { color: #444444; } -/* line 44, ../sass/styleguide/_styleguide.scss */ .styleguide-section { margin-top: 4.8em; border-top: 1px solid #F0F0F0; padding-top: 2.4em; } -/* line 53, ../sass/styleguide/_styleguide.scss */ .styleguide-list { padding: 0 0 0 1.6em; } -/* line 55, ../sass/styleguide/_styleguide.scss */ .styleguide-list h4 { margin-top: 0em; margin-bottom: 0.2em; font-weight: 400; } -/* line 62, ../sass/styleguide/_styleguide.scss */ .styleguide-component { background-color: #ffffff; padding: 1.6em 0; } -/* line 67, ../sass/styleguide/_styleguide.scss */ .component-header { background-color: #F0F0F0; margin: 3.2em 0; padding: 3.2em 0; } -/* line 73, ../sass/styleguide/_styleguide.scss */ .color-title { border-bottom: 1px solid #F0F0F0; padding-bottom: 0.8em; margin: 1.6em 0; } -/* line 79, ../sass/styleguide/_styleguide.scss */ .color-block { width: 100%; height: 50px; margin-top: 0.8em; } -/* line 85, ../sass/styleguide/_styleguide.scss */ .color-label { color: #888888; margin-bottom: 1.6em; } -/* line 90, ../sass/styleguide/_styleguide.scss */ .styleguide-swatch { width: 50%; padding: 25px; From 76df1c427a473347ac237cd2907ea5fe8f637ce0 Mon Sep 17 00:00:00 2001 From: Ashley Cyborski Date: Tue, 2 Feb 2016 11:41:26 -0600 Subject: [PATCH 4/6] Update copyright, update css urls to work on internal pages. --- source/code/_views/default.html | 4 +--- source/code/_views/styleguide.html | 7 ++----- 2 files changed, 3 insertions(+), 8 deletions(-) diff --git a/source/code/_views/default.html b/source/code/_views/default.html index 4452dfc..89962f7 100644 --- a/source/code/_views/default.html +++ b/source/code/_views/default.html @@ -5,14 +5,12 @@ {% block title %}{{ page.title }}{% endblock %} | {{ site.title }} - + {% block content_wrapper %}{% block content %}{% endblock %}{% endblock %} - - diff --git a/source/code/_views/styleguide.html b/source/code/_views/styleguide.html index 88ecc3a..2078124 100644 --- a/source/code/_views/styleguide.html +++ b/source/code/_views/styleguide.html @@ -5,7 +5,7 @@ {% block title %}{{ page.title }}{% endblock %} | {{ site.title }} - + @@ -14,11 +14,8 @@ {% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}
-

Copyright (c) 2014 Palantir.net

+

Copyright (c) 2016 Palantir.net

- - - From 468e9ba84bec36d29f111bb4520a778dc986fb6c Mon Sep 17 00:00:00 2001 From: Michellanne Li Date: Wed, 3 Feb 2016 11:27:27 -0600 Subject: [PATCH 5/6] Changes homepage url. --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 398a843..4100f8c 100755 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "bugs": { "url": "https://github.com/labyrwa/fed-automation/issues" }, - "homepage": "https://github.com/labyrwa/fed-automation", + "homepage": "https://github.com/palantirnet/butler", "devDependencies": { "browser-sync": "^2.11.1", "compass-options": "^0.1.1", From 6f248635aae6aded3e0f2f2435295727f81e3d40 Mon Sep 17 00:00:00 2001 From: Michellanne Li Date: Wed, 3 Feb 2016 13:31:44 -0600 Subject: [PATCH 6/6] Updates urls for repo and bugs. --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 4100f8c..3a62452 100755 --- a/package.json +++ b/package.json @@ -9,12 +9,12 @@ }, "repository": { "type": "git", - "url": "https://github.com/labyrwa/fed-automation.git" + "url": "https://github.com/palantirnet/butler.git" }, "author": "", "license": "ISC", "bugs": { - "url": "https://github.com/labyrwa/fed-automation/issues" + "url": "https://github.com/palantirnet/butler/issues" }, "homepage": "https://github.com/palantirnet/butler", "devDependencies": {