The popular open-source contract for web professionals by Stuff & Nonsense
- Originally published: 23rd December 2008
- Revised date: March 15th 2016
- Original post
| # Numerous always-ignore extensions | |
| *.diff | |
| *.err | |
| *.orig | |
| *.log | |
| *.rej | |
| *.swo | |
| *.swp | |
| *.vi | |
| *~ |
| @mixin breakpoint($class) { | |
| @if $class == xs { | |
| @media (max-width: 767px) { @content; } | |
| } | |
| @else if $class == sm { | |
| @media (min-width: 768px) { @content; } | |
| } | |
| @else if $class == md { |
| var gulp = require('gulp'), | |
| sass = require('gulp-sass'), | |
| cssmin = require('gulp-cssnano'), | |
| prefix = require('gulp-autoprefixer'), | |
| plumber = require('gulp-plumber'), | |
| notify = require('gulp-notify'), | |
| sassLint = require('gulp-sass-lint'); | |
| // Temporary solution until gulp 4 | |
| // https://github.com/gulpjs/gulp/issues/355 | |
| runSequence = require('run-sequence'); |
| var gulp = require('gulp'); | |
| var sass = require('gulp-sass'); | |
| //style paths | |
| var sassFiles = './sass/**/*.scss', | |
| cssDest = './'; | |
| gulp.task('styles', function(){ | |
| gulp.src(sassFiles) | |
| .pipe(sass().on('error', sass.logError)) |
| // ======= Custom active class added to nav menu ======= // | |
| function special_nav_class ($classes, $item) { | |
| if (in_array('current-menu-item', $classes) ){ | |
| $classes[] = 'active '; | |
| } | |
| return $classes; | |
| } |
| // ============= FONTS ============== // | |
| $font-header: 'Source Serif Pro', serif; | |
| $font-paragraph: "Khula", sans-serif; | |
| $font-b-paragraph: "Baskerville", sans-serif; | |
| // ============= COLORS ============== // | |
| $color-primary: #cf5d00; | |
| $color-secondary: #273E47; | |
| $color-black: #0F0A0A; |
| // ============= MIXINS ============== // | |
| // Extra small devices (portrait phones, less than 576px) | |
| @mixin atSmall { | |
| @media (min-width: 576px) { | |
| @content; | |
| } | |
| } | |
| @mixin atMedium { | |
| @media (min-width: 768px) { |
| { | |
| // If plugin has trouble finding Node.js, replace this string with path | |
| // to your `node` bin | |
| "node-path" : ":/usr/local/bin", | |
| // Full list of supported options and acceptable values can be found here: | |
| // https://github.com/csscomb/csscomb.js/blob/master/doc/options.md | |
| "config": { | |
| // Whether to add a semicolon after the last value/mixin. |
| var gulp = require('gulp'); | |
| var sass = require('gulp-sass'); | |
| var sourcemaps = require('gulp-sourcemaps'); | |
| var autoprefixer = require('gulp-autoprefixer'); | |
| var input = './styles/**/*.scss'; | |
| var output = './styles/'; | |
| // SASS options | |
| var sassOptions = { |