SV bubbleheadinc

## gist:5725438
@mixin grid-spans($col-span){
  @while $col-span > 0{
    .grid-span-#{$col-span}{
      width: grid-span($col-span);
    }
    $col-span: $col-span - 1;
  }
}


## Contract Killer 3.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                bubbleheadinc
                / Contract Killer 3.md
            
            
              Created
              November 10, 2013 18:30
            
          
    Contract Killer 3

Revised date: 07/11/2012
Between us [company name]
and you [customer name]
Summary:

We’ll always do our best to fulfil your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. We’ve no desire to trick you into signing something that you might later regret. What we do want is what’s best for both parties, now and in the future.

  
## gist:8337386
.class{
	@include breakpoint(wide){
		@include span-columns(4);
	}
}

.anotherClass{
	@extend .class;
	@include breakpoint(wide){
		@include omega;

## SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Susy (v2.0.0.beta.2)
// ----

@import "susy";

$gt-tablet-port: 50em;

## rem-px-fallback mixin
// Adapted from: https://gist.github.com/webgefrickel/4530526
// Added if input value is rem output and provide px fallback

/*
 * a small mixin for easy use of rem with px as fallback
 * usage: @include x-rem(font-size, 14px)
 * usage: @include x-rem(marign, 0 12px 2 1.2)
 * usage: @include x-rem(padding, 1.5 24px)
 *
 * thanks to Eric Meyer for https://github.com/ericam/susy

## index.html
<!doctype html>
<html>
  <body>
    <header role="banner">
      <a href="/" rel="home">My company</a>
      <nav role="navigation">
        <a href="/about">About</a>
        <a href="/contact">Contact</a>
      </nav>
      <form role="form">

## SassMeister-input-HTML.html
<div class="circle">
  <div class="circle__not-likely">
    <div class="circle__sw-likely">
      <div class="circle__v-likely">
        $
      </div>
    </div>
  </div>
</div>
<div>

## gist:87a3cfd7104c635f0a6e
var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');

var paths = {

## gist:a05ad99c2e2a102e7adc
// Angular ng-repeat and setting class on item from item's child
// Clicking child sends it's parents index to the controller
// Controller toggles the toggleState boolean and the index lets us
// only add classes to the parent of the clicked child

// in controller
$scope.toggleParentClass = function($index){
  $scope.parentIndex = $index;
  $scope.toggleState = !$scope.toggleState;
};

## SassMeister-input-HTML.html
<div class="gallery">one</div>
<div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div>
	@mixin grid-spans($col-span){
	@while $col-span > 0{
	.grid-span-#{$col-span}{
	width: grid-span($col-span);
	}
	$col-span: $col-span - 1;
	}
	}
	.class{
	@include breakpoint(wide){
	@include span-columns(4);
	}
	}

	.anotherClass{
	@extend .class;
	@include breakpoint(wide){
	@include omega;
	// ----
	// Sass (v3.3.0.rc.2)
	// Compass (v1.0.0.alpha.17)
	// Susy (v2.0.0.beta.2)
	// ----

	@import "susy";

	$gt-tablet-port: 50em;
	// Adapted from: https://gist.github.com/webgefrickel/4530526
	// Added if input value is rem output and provide px fallback

	/*
	* a small mixin for easy use of rem with px as fallback
	* usage: @include x-rem(font-size, 14px)
	* usage: @include x-rem(marign, 0 12px 2 1.2)
	* usage: @include x-rem(padding, 1.5 24px)
	*
	* thanks to Eric Meyer for https://github.com/ericam/susy
	<!doctype html>
	<html>
	<body>
	<header role="banner">
	<a href="/" rel="home">My company</a>
	<nav role="navigation">
	<a href="/about">About</a>
	<a href="/contact">Contact</a>
	</nav>
	<form role="form">
	<div class="circle">
	<div class="circle__not-likely">
	<div class="circle__sw-likely">
	<div class="circle__v-likely">
	$
	</div>
	</div>
	</div>
	</div>
	<div>
	var gulp = require('gulp');
	var gutil = require('gulp-util');
	var bower = require('bower');
	var concat = require('gulp-concat');
	var sass = require('gulp-sass');
	var minifyCss = require('gulp-minify-css');
	var rename = require('gulp-rename');
	var sh = require('shelljs');

	var paths = {
	// Angular ng-repeat and setting class on item from item's child
	// Clicking child sends it's parents index to the controller
	// Controller toggles the toggleState boolean and the index lets us
	// only add classes to the parent of the clicked child

	// in controller
	$scope.toggleParentClass = function($index){
	$scope.parentIndex = $index;
	$scope.toggleState = !$scope.toggleState;
	};
	<div class="gallery">one</div>
	<div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div>