Skip to content

Instantly share code, notes, and snippets.

View isaacdanielanderson's full-sized avatar

Isaac Anderson isaacdanielanderson

View GitHub Profile
@isaacdanielanderson
isaacdanielanderson / .gitignore
Created April 7, 2018 05:15
Solid gitignore
# 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 {
@isaacdanielanderson
isaacdanielanderson / gulpfile.js
Created March 30, 2018 22:35
Advanced Gulp-SASS workflow
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');
@isaacdanielanderson
isaacdanielanderson / gulpfile.js
Created February 25, 2018 17:35
Super basic Gulp-Sass process
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))
@isaacdanielanderson
isaacdanielanderson / App.js
Created November 12, 2017 18:49
Add an "Active" Class to current page in WP_NAV_MENU();
// ======= Custom active class added to nav menu ======= //
function special_nav_class ($classes, $item) {
if (in_array('current-menu-item', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
@isaacdanielanderson
isaacdanielanderson / _base.scss
Created October 30, 2017 22:52
Bootstrap 4 Example SASS Base File
// ============= 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;
@isaacdanielanderson
isaacdanielanderson / gist:ba8ae332757380cd8cf0ae621507cb5b
Created October 30, 2017 22:51
Bootstrap 4 breakpoints SASS mixins
// ============= 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 = {
@isaacdanielanderson
isaacdanielanderson / Contract Killer 3.md
Created October 25, 2017 01:54
The latest version of my ‘killer contract’ for web designers and developers

Contract Killer

The popular open-source contract for web professionals by Stuff & Nonsense

  • Originally published: 23rd December 2008
  • Revised date: March 15th 2016
  • Original post