Skip to content

Instantly share code, notes, and snippets.

@stevenadams
stevenadams / Using @content (SCSS)
Created September 1, 2014 08:09
Handy Snippets
@mixin active {
&.is-active,
&:hover {
@content;
}
}
.content-directive {
foo: bar;
@include active {
@stevenadams
stevenadams / firefox-target-mixin.css
Last active August 29, 2015 14:08
Mixin for targeting Firefox
body {
height: 20px;
}
@-moz-document url-prefix() {
body {
height: 10px;
}
}
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$Placeholder-Selectors: ();
@mixin button($color, $extend: true) {
@include button-static($extend);
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
@mixin rem($property, $values...) {
@stevenadams
stevenadams / SassMeister-input.scss
Created February 16, 2015 15:13
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
@mixin rem($property, $values...) {
@stevenadams
stevenadams / SassMeister-input.scss
Created April 3, 2015 15:02
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$blue: #3479a5;
$blue--dark: #2a6184;
$green: #87ab4f;
$green--dark: #6c893f;
@stevenadams
stevenadams / SassMeister-input.scss
Created May 19, 2015 15:56
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
/*------------------------------------*\
$CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
* CONTENTS
* INTRODUCTION.........How the grid system works.
@stevenadams
stevenadams / 0_reuse_code.js
Last active August 29, 2015 14:24
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console