Skip to content

Instantly share code, notes, and snippets.

@xjamundx
Created February 28, 2012 23:22
Show Gist options
  • Select an option

  • Save xjamundx/1936029 to your computer and use it in GitHub Desktop.

Select an option

Save xjamundx/1936029 to your computer and use it in GitHub Desktop.
Sass Color Palette Generator
var $colors = $("#colors");
var url = "/css/sass/_colors.scss";
$.get(url, function(data) {
var lines = data.split("\n");
var line = "";
var parts = [];
for (var i = 0; i < lines.length; i++) {
line = lines[i].trim();
if (!line.match(/^\$/)) continue;
parts = line.split(/\:\s+/);
if (parts[1].match(/^#/) || parts[1].match(/^rgba?/)) {
addColor(parts[0], parts[1])
}
}
}, "text");
function addColor(name, color) {
var $li = $("<li>", {style: "background: " + color, text: name + " " + color.slice(0, -1)});
$colors.append($li);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment