Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

// -------------------------------------
//   helpers
// -------------------------------------

@mixin ir {
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}

// hide from everything ----------------

@mixin hidden {
	display: none !important;
	visibility: hidden;
}

@mixin visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	&.focusable:active,
	&.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}
}

@mixin invisible {
	visibility: hidden;
}

// clearfix ----------------------------

@mixin cf {
	&:before,
	&:after {
		content: "";
		display: table;
	}
	&:after {
		clear: both;
	}
}



main {
  @include cf;
}
aside {
  @include cf;
}

SassMeister-output.css

main:before, main:after {
  content: "";
  display: table;
}
main:after {
  clear: both;
}

aside:before, aside:after {
  content: "";
  display: table;
}
aside:after {
  clear: both;
}