Skip to content

Instantly share code, notes, and snippets.

View lunelson's full-sized avatar
👀
Reading

Lu Nelson lunelson

👀
Reading
View GitHub Profile
@lunelson
lunelson / SassMeister-input.scss
Created November 1, 2013 12:32
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// See also `chunk`, `debug`, `sort` and other functions
// on the official site: http://sassylists.com
@import "compass";
@import "SassyLists";
@lunelson
lunelson / SassMeister-input.scss
Created November 8, 2013 07:53
Mixin to Mixin passing of data using 'unique-id()' function
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/*
Using the unique-id() function to store temporary data in a global map
as a means to pass information to sub-routine mixins and back again
*/
@lunelson
lunelson / SassMeister-input.scss
Created November 28, 2013 10:06
Truthy and Falsey functions for Sass
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/*
NOTE: truthy and falsey are arbitrary choices.
These could be extended to regard empty strings as falsey too.
Here we treat empty lists and maps as false, but most programming
languages regard them as true

FILL

fill	            Sets fill color of the shape.
fill-opacity	    Sets fill opacity of the shape.
fill-rule	    Sets fill rule of the shape.
  
  ** example **
  fill: #ccc;
  fill: rgba(0,0,0,.5);
  fill: red;
@lunelson
lunelson / SassMeister-input.scss
Created December 4, 2013 11:45
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/
@lunelson
lunelson / Gruntfile.js
Created December 5, 2013 11:48
Example package.json and Gruntfile.js files demonstrating installation of @lydell's fork and branch of grunt-autorefixer with support for Sass' sourcemaps.
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
build: {
files: {
'style.css': 'style.scss'
},
options: {
sourcemap: true,
@lunelson
lunelson / SassMeister-input.scss
Created December 10, 2013 08:25 — forked from scottkellum/SassMeister-input.scss
HEX code Sass functions, normal and IE versions
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@function baseten-hex($number) {
$hex-values: 0 1 2 3 4 5 6 7 8 9 a b c d e f;
@if round($number) != $number {
@warn "base10-hex() needs a integer";
}
@lunelson
lunelson / SassMeister-input.scss
Created January 20, 2014 11:25
Generated by SassMeister.com.
// ----
// Sass (v3.2.13)
// Compass (v0.12.2)
// ----
// general list helper functions (partly modified from SassyLists)
@function list($args...) {
$output: ();
@each $arg in $args { $output: append($output, $arg); }
@lunelson
lunelson / SassMeister-input.scss
Created January 22, 2014 10:14
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
// list helper functions (some modified from SassyLists)
@function list($args...) {
$output: ();
@each $arg in $args { $output: append($output, $arg); }
@return $output;
@lunelson
lunelson / SassMeister-input.scss
Created January 30, 2014 10:50
Another Scratchpad for MQ system
// ----
// libsass (v0.7.0)
// ----
@import "sass-list-maps";
@function get($args...) {
@return map-get-z($args...);
}
@function merge($args...) {
@return map-merge-z($args...);