Skip to content

Instantly share code, notes, and snippets.

View crswll's full-sized avatar
💾

Bill Criswell crswll

💾
  • Philadelphia, PA
  • 11:59 (UTC -04:00)
  • X @crswll
View GitHub Profile
@crswll
crswll / SassMeister-input.scss
Created February 27, 2014 21:13
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@mixin columnize ( $width, $end: 4 ) {
@for $i from 2 through $end {
@media ( min-width: $width * $i ) {
width: 100% / $i;
}
@crswll
crswll / SassMeister-input.scss
Created March 4, 2014 15:34
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
$foo: '.foo';
#{$foo} {
color: red;
#{$foo}:not(#{$foo}__b) {
var gulp = require('gulp'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer');
var paths = {
styles: {
src: ['src/scss/**/*'],
dest: 'build/css'
}
};
@crswll
crswll / SassMeister-input.scss
Created June 5, 2014 15:35
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.18)
// ----
// Reset 960GS
$reset960: (unquote('body, .alpha, .omega, .container_24'));
@for $i from 1 through 24 {
$reset960: append($reset960, unquote('.container_24 .grid_#{$i}'), comma);
@crswll
crswll / SassMeister-input.scss
Created June 6, 2014 15:40
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.18)
// ----
$inc: '*/{% include "hubspot/styles/responsive/required_base.css" %}';
/*#{$inc}/**/
body {
color: red;
@crswll
crswll / SassMeister-input.scss
Created June 7, 2014 14:53
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
@mixin raw ($string) {
$string: '*/#{$string}/*';
/*#{$string}*/
}
@crswll
crswll / SassMeister-input.scss
Created July 25, 2014 20:56
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
@mixin mega-blocks ($columns) {
$counter: 0;
body: $counter;
@each $row in $columns {
@for $i from 0 through ( $row - 1 ) {
@crswll
crswll / SassMeister-input.scss
Created July 28, 2014 14:44
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$register: ();
@mixin register ($key) {
@if not index($register, $key) {
$register: append($register, $key);
@mixin mega-blocks ($width, $columns, $selector) {
$index: 1;
$number-of-columns: length($columns);
width: ($width * $number-of-columns) + 0px;
position: relative;
#{$selector} {
position: absolute;
width: $width + 0px;
@for $i from 0 through ( $number-of-columns - 1 ) {
$rows: nth($columns, $i + 1);
@crswll
crswll / SassMeister-input.scss
Created August 20, 2014 18:45
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----
$color: rgb(255, 243, 51);
body {
color: rgba($color, .5);
}