Cory Simmons corysimmons

Note All 3 preprocessors have a great community of very hard-working/helpful people.

Speed

Both Sass and LESS are incredibly slow to process - especially when you're looping over things. Stylus is instantaneous.

Sass Can't

perform basic math like exponents with decimals
perform string operations like split()
compile fast. it's insanely slow anytime you have to process anything at all.
watch @import'd files for changes (maybe it can but I haven't found a way to)

Pure SASS-adaption of Lea Verou's contrast-ratio javascript. Can be useful when eg. generating colored buttons from a single supplied color as you can then check which out of a couple of text colors would give the best contrast.

This script currently lacks the support for alpha-transparency that Lea supports in her script though.

In addition to the color-contrast adaption there's also some math methods that were needed to be able to calculate the exponent of a number and especially so when the exponent is a decimal number. A 2.4 exponent is used to calculate the luminance of a color and calculating such a thing is not something that SASS supports out of the box and not something I found a good pure-SASS script for calculating and I much prefer pure-SASS over ruby extensions. The math methods might perhaps be unecessary though if you're running Compass or similar as they may provide compatible math methods themselves.

Normal usage: `color: pick_best_color(#f00

https://web.archive.org/web/19991103010950/http://www.geocities.com/TimesSquare/Labyrinth/8977/Main.html

	<?php

	/**
	* Plugin Name: Gulp Sitemap Generator
	* Plugin URI: https://gladdy.uk/blog/2014/04/13/using-uncss-and-grunt-uncss-with-wordpress/
	* Description: Generate a JSON list of every page on a site so it can be used with Gulp and uncss.
	* Author: Liam Gladdy
	* Author URI: http://gladdy.co.uk
	* Version: 1.0
	*/

	var gulp = require('gulp');
	var $ = require('gulp-load-plugins')();
	var del = require('del');
	var sprite = require('css-sprite').stream;
	var runSequence = require('run-sequence');
	var browserSync = require('browser-sync');
	var reload = browserSync.reload;
	var lost = require('lost');

	var appConfig = {

	var gulp = require('gulp'),
	sourcemaps = require('gulp-sourcemaps'),
	postcss = require('gulp-postcss'),
	autoprefixer = require('gulp-autoprefixer'),
	lost = require('lost');

	var paths = {
	cssSource: 'src/css',
	cssDestination: 'dist/css'
	};

	// Jeet

	figure
	col(1/2)
	figure
	col(1/2 1/2)
	figure
	col(1/2 1/2 1/2)

	div

	// ----
	// libsass (v3.1.0)
	// ----

	/// Sass can't split strings natively. Thanks to @HugoGiraudel for https://github.com/at-import/SassyLists

	@function sl-explode($string, $delimiter: '', $separator: "space") {
	@if type-of($string) != "string" {
	@warn "`sl-explode` function expecting a string; #{type-of($string)} given.";
	@return null;

	block($fraction = 1)
	$denominator = split('/', $fraction)
	width: s('calc(100% * %s - (%s - %s / %s))', $fraction, $gut, $gut, $denominator)

	block(1/4)

	// Cannot call method 'split' of undefined