Skip to content

Instantly share code, notes, and snippets.

@envoytravis
envoytravis / SassMeister-input.scss
Created April 9, 2015 21:18
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$colors: red blue yellow orange #b4da55;
@each $color in $colors {
.thing {
color: $color;
@envoytravis
envoytravis / SassMeister-input.scss
Created April 8, 2015 19:53
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@function _length($number, $unit) {
$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax;
$index: index($strings, $unit);
@envoytravis
envoytravis / SassMeister-input.scss
Created January 21, 2015 20:56
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
@import "sass-list-maps";
////////////////////////////////
// Breakpoints
$breakpoints: (
('small', ('min-width: 767px', 'max-width: 992px')),
@envoytravis
envoytravis / SassMeister-input.scss
Created January 13, 2015 22:24
Generated by SassMeister.com.
// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// Sass List-Maps (v0.9.9)
// ----
@import "sass-list-maps";
@function is-list($value) {
@return if(length($value) > 1, true, false);
@envoytravis
envoytravis / SassMeister-input.scss
Last active August 29, 2015 14:13
Generated by SassMeister.com.
// ----
// libsass (v3.1.0-beta)
// ----
.parent {
&:hover {
@extend %child_hover;
}
}
@envoytravis
envoytravis / SassMeister-input.scss
Created December 3, 2014 22:16
Generated by SassMeister.com.
// ----
// libsass (v3.0.1)
// ----
@mixin displayTransition($selector, $time, $hidden: '', $visible: '') {
$hidden: if($hidden != '', ', ' + $hidden, $hidden);
$visible: if($visible != '', ', ' + $visible, $visible);
visibility: hidden;
@envoytravis
envoytravis / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// libsass (v2.0.0)
// ----
@import "sass-list-maps";
@mixin respond-to($name) {
// If the key exists in the map
@if map-has-key($breakpoints, $name) {
// Prints a media query based on the value
@envoytravis
envoytravis / SassMeister-input.scss
Created September 17, 2014 21:10
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$font-faces: (
('Helvetica-Neue', 'helveticaneue'),
('Helvetica-Neue-Bold', 'helveticaneue-bold-webfont', 700),
('Helvetica-Neue-Medium', 'helveticaneue-medium-webfont', 500),
('Avant-Garde-Black', 'itcavantgardestd-bk-webfont', 700),
@envoytravis
envoytravis / SassMeister-input.scss
Created August 26, 2014 22:56
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
$font-faces: (
'Helvetica-Neue': 'helveticaneue',
'Helvetica-Neue-Bold': ('helveticaneue-bold-webfont', 700),
'Helvetica-Neue-Medium': ('helveticaneue-medium-webfont', 500),
'Avant-Garde-Black': ('itcavantgardestd-bk-webfont', 700),
@envoytravis
envoytravis / SassMeister-input.scss
Created August 26, 2014 22:50
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
$font-faces: (
'Georgia-Italic': ('georgia_italic-webfont', 'normal', 'italic'),
'Glyph-Icon': 'glyphicons-halflings-regular',
'Helvetica-Neue': 'helveticaneue',
'Helvetica-Neue-Bold': ('helveticaneue-bold-webfont', 700),