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 = { |