Skip to content

Instantly share code, notes, and snippets.

View MichaelArestad's full-sized avatar

Michael Arestad MichaelArestad

View GitHub Profile
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 11, 2014 17:13
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
$end: 20;
@for $i from 1 through $end {
div:nth-child(#{$i}){
z-index: $end - $i + 1;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 11, 2014 17:00
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
$root-font:(
color: #222,
font-family: Open Sans,
font-size: 10,
font-weight: normal,
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 7, 2014 09:20
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----
@mixin section($section, $sub: false) {
// Creates table of contents map
@if variable-exists(toc){} @else {
$toc:() !global;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 4, 2014 15:40
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.0)
// ----
// ==========================================================================
// Breakpoint Mixin
//
// Uses Sass Maps which requires Sass v3.3.0 or newer
// ==========================================================================
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 4, 2014 02:15
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.0)
// ----
@mixin section($content, $sub: false) {
// Creates table of contents map
@if variable-exists(toc){} @else {
$toc:() !global;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 2, 2014 04:45
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
/* @for */
@for $i from 1 through 3 {
.item-#{$i} {
margin-left: 10px * $i;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 2, 2014 04:12
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
// to appeas sassmeister
$darkwing-duck-purple: #582e76;
// setup example with aptly named labels
$mappy-map: (
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 2, 2014 03:56
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
%button {
border-radius: 3px;
font-size: 13px;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 2, 2014 03:51
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.0)
// ----
// Sets initial toc value
$toc-value: 0;
@mixin toc($content, $sub: false) {
// Creates map for toc mixin to use
@if variable-exists(toc){} @else {
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created August 1, 2014 17:49
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
// ==========================================================================
// em()
//
// Convert px to em in a readable fashion.
// ==========================================================================