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 January 6, 2015 17:38
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// Is there anything wrong with adding units
// to a unitless number like this?
$size: 10px;
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created January 6, 2015 17:30
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// Is there anything wrong with adding units
// to a unitless number like this?
$size: #{43}px;
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created November 27, 2014 14:02
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
@mixin media( $width ) {
@if variable-exists( mq-list ){} @else {
$mq-list:() !global;
}
@if map-has-key( $mq-list, $width ) {} @else {
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 23:03
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
@font-face {
font-family: 'Genericons';
src: url('../fonts/genericons/genericons-regular-webfont.eot');
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:56
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$root-font:(
color: #404040,
font-size: 15px,
line-height: 1.6
);
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:50
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@function billion($value) {
@return ($value * 1000000000);
}
.bazillion {
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:35
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// Color variables
$darkwing-duck-purple: #582e76;
$launchpad-red: #7e1a03;
// Placeholder selector for @extend
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:32
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
@mixin button($background: blue) {
background: $background;
border: 1px solid darken($background, 5%);
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:27
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$mappy-map: (
key: value,
another-key: another-value
);
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created September 16, 2014 22:21
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$array:('grumpy', 'nyan', 'felix-the');
@each $cat in $array {
.#{$cat}-cat {
content: '#{$cat} cat';