maxhoffmann

// MIXIN

=when($min: false, $max: false, $ie: false)
  
    @if $min and not($max)
        @media (min-width: $min)
            @content
      
    @if $max and not($min)
        @media (max-width: $max)

maxhoffmann

function toCollection(elementOrString) {
	return (elementOrString instanceof Element) ? [elementOrString] :
		   Array.prototype.slice.call((elementOrString instanceof NodeList) ? elementOrString : document.querySelectorAll(elementOrString));
};

maxhoffmann

.pulled-to-right {
  float: right;
  width: 50%;
  background-image: url(http://www.nasa.gov/images/content/745223main_image04292013_250m_800-600.jpg);
  background-size: cover;
  height: 30vw;
}

p {
  margin-left: 5%;

maxhoffmann

/**
 * Fixing inline-block + overflow: hidden in Firefox + Opera
 */
 
.overflow {
    max-width: 100%;
    overflow: hidden;
	white-space: nowrap;
 }
 

maxhoffmann

/**
 * The first commented line is your dabblet’s title
 */
 
 .overflow {
    max-width: 100%;
    overflow: hidden;
	white-space: nowrap;
 }
 

maxhoffmann

/**
 * Clearing floats with overflow: auto
 */
 
.bg {
  background: red;
}
.cf {
  overflow: auto;
}

maxhoffmann

/**
 * CSS only tooltip 
 */

.tooltip:hover {
  position: relative;
}

.tooltip:before,
.tooltip:after {

maxhoffmann

/**
 * Micro Clearfix IE8+ 
 */
 
 
.box {
	width: 100px;
	height: 100px;
	background: gray;
	padding: 20px;

maxhoffmann

/**
 * Moving arrow navigation with CSS only
 */

ul {
  position: relative;
  margin: 3em 0;
  list-style: none;
}

maxhoffmann

/**
 * _nav without clearfix
 */
 
.nav{
  list-style:none;
  margin-left:0;
}

.nav > li,