Skip to content

Instantly share code, notes, and snippets.

{
"rules": {
"indentation": 4,
"string-quotes": "single",
"no-duplicate-selectors": true,
"color-hex-case": "lower",
"color-named": "never",
"selector-no-qualifying-type": true,
"selector-combinator-space-after": "always",
"selector-attribute-quotes": "always",
@leighkendell
leighkendell / custom-ratio.scss
Last active June 9, 2017 07:10
Fluid width box based on aspect ratio mixin
// Custom Ratio Boxes
@mixin boxratio($val1, $val2, $maxwidth) {
$height: ($val2 / $val1 * 100) + vw;
$unit: unquote(unit($maxwidth));
$maxheight: strip-unit($maxwidth) / ($val1 / $val2) + $unit;
width: 100%;
max-width: $maxwidth;
height: $height;
max-height: $maxheight;
}
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@leighkendell
leighkendell / gulpfile.js
Last active August 29, 2015 14:16
Default Gulp Setup
//Define all plugins
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var cache = require('gulp-cached');
var imagemin = require('gulp-imagemin');
var filter = require('gulp-filter');
var autoprefixer = require('gulp-autoprefixer');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
@leighkendell
leighkendell / Gruntfile.js
Created March 2, 2015 14:10
Default Grunt Setup
module.exports = function (grunt) {
grunt.initConfig({
//Sass
sass: {
options: {
sourceMap: true,
outputStyle: 'compressed'
},
dist: {
files: {