Starter Kit A set of my base sass mixins Mostly just for grab-n-go for starting new projects

The Helpers

//============  Grid Helpers  ============

// w.i.p.

.smallish {
  font-size: 0.875em;
}
.smally {
  font-size: 0.75em;
}
.largish {
  font-size: 1.25em;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
.largy {
  font-size: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

.inset{
    margin-left:1em;
	margin-right:1em;
}

.coral {
  margin-top: 0.5em;
  margin-bottom: 0.5em;	
}

.reef {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.island {
  margin-top: 2em;
  margin-bottom: 2em;
}
.continent {
  margin-top: 5em;
  margin-bottom: 5em;
}
.pangea {
  font-size: 1.333em;
  margin-top: 3.75em;
  margin-bottom: 3.75em;
}

	.flush-top{
		margin-top:0 !important; 
	}
	.flush-bottom{
		margin-bottom:0 !important; 
	}

The Mixins

//============  Mixins  ============


@mixin basic-shadow( $horz:0, $vert:2px, $raid:5px, $colr:rgba($glass-color, 0.2)) {
    -webkit-box-shadow: $horz $vert $raid $colr;
    box-shadow: $horz $vert $raid $colr;
}

@mixin gain-shadow( $horz:0, $vert:2px, $raid:5px, $gain:2px, $colr:rgba($glass-color, 0.2)) {
    -webkit-box-shadow: $horz $vert $raid $gain $colr;
    box-shadow: $horz $vert $raid $gain $colr;
}

@mixin inset-shadow( $horz:0, $vert:2px, $raid:5px, $colr:rgba($glass-color, 0.2)) {
    -webkit-box-shadow: $horz $vert $raid $colr inset;
    box-shadow: $horz $vert $raid $colr inset;
}


@mixin gain-inset-shadow( $horz:0, $vert:2px, $raid:5px, $gain:2px, $colr:rgba($glass-color, 0.2)) {
    -webkit-box-shadow: $horz $vert $raid $gain $colr inset;
    box-shadow: $horz $vert $raid $gain $colr inset;
}


@mixin transition($property, $duration) {
    -webkit-transition: $property $duration ease-in-out;
	-moz-transition: $property $duration ease-in-out;
	-o-transition: $property $duration ease-in-out;
	transition: $property $duration ease-in-out;
}

@mixin gradient($from, $to) {
    background-color: $from;
    background-image: -moz-linear-gradient($from, $to);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to));
    background-image: -webkit-linear-gradient($from, $to);
    background-image: -o-linear-gradient($from, $to);
}