Matt Daniel Brown mattdanielbrown

SCSS

Cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the awesome CSS extensions you've always wished you had:

[Nested selectors

A map of the sky that uses an azimuthal equidistant projection with star data. Longitudes and latitudes for the geo projection are obtained from declination and right ascension respectively (longitude is also inverted, because, unlike the earth globe, the celestial sphere is seen from the inside).

The boreal (northern) sky is shown at left, while the austral (southern) at right. Because right ascension is given in hours, both maps are divided in 24 slices. A circle is shown every 10 degrees of declination.

Star size indicates magnitude. Bigger circles depict brighter stars.

Regular Colors

Value	Color
\e[0;30m	Black
\e[0;31m	Red
\e[0;32m	Green
\e[0;33m	Yellow
\e[0;34m	Blue
\e[0;35m	Purple

Here's an example of how to embed a Gist on GitHub Pages:

{% gist 5555251 %}

All you need to do is copy and paste the Gist's ID from the URL (here 5555251), and add it to a gist tag surrounded by {% and %}.

	var touchingElement = false;
	var startTime;
	var startX = 0,
	startY = 0;
	var currentX = 0,
	currentY = 0;

	var isOpen = false;
	var isMoving = false;
	var menuWidth = 0;

	$space-inset-default = 16px 16px 16px 16px;
	$space-inset-xs = 4px 4px 4px 4px;
	$space-inset-s = 8px 8px 8px 8px;
	$space-inset-m = 16px 16px 16px 16px;
	$space-inset-l = 32px 32px 32px 32px;
	$space-inset-xl = 64px 64px 64px 64px;
	$space-stack-default = 0 0 16px 0;
	$space-stack-xs = 0 0 4px 0;
	$space-stack-s = 0 0 8px 0;
	$space-stack-m = 0 0 16px 0;

	-- List of app store apps to install, if not installed
	-- Name must exactly match name as it appears on the "Purchased" tab of the App Store
	set myApps to {"Chroma for Hue", "Pushbullet", "Thessa", "TweeDeck by Twitter", "Calca", "Gif Brewery", "Twitter"}

	-- via http://stackoverflow.com/a/3469708
	on FileExists(theFile) -- (String) as Boolean
	tell application "System Events"
	if exists file theFile then
	return true
	else

	org="whitehouse"
	for repo in $(curl -v -s "https://api.github.com/orgs/$org/repos?per_page=100&type=sources" 2>&1 \| grep '"full_name": "*"' \| cut -d':' -f2 \| sed s'/,$//' \| sed s'/"//g' ); do
	filename=$(echo "$repo" \| cut -d'/' -f2)
	echo "Downloading $repo..."
	curl -o "$filename.zip" -L "https://github.com/$repo/archive/master.zip"
	done

	#!/usr/bin/env bash

	progname=$(basename $0)
	version="1.0 (2014-08-17)"
	step=2

	function create_hash {
	openssl dgst -sha1 -binary <<< "$1" \| xxd -p
	}