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 June 10, 2015 18:58
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$media-queries: true;
@mixin breakpoint( $size ){
@if ( $media-queries == true ) {
@media ( $size ){
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created June 10, 2015 18:51
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$media-queries: true;
$breakpoints: 480px, 660px, 960px; // Think very carefully before adding a new breakpoint
@mixin breakpoint( $size ){
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created March 25, 2015 17:49
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
// ==========================================================================
// Typography variables
// ==========================================================================
$root-font-size: 20px;
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created March 19, 2015 23:32
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
/*
* FlowType Sass Mixin 1.1
*/
// Establish default settings/variables
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created March 3, 2015 19:12
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$scheme-one:(
primary: red,
secondary: blue,
tertiary: green
);
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created February 12, 2015 03:34
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
$post-format-icons: (
aside: "\f123",
image: "\f128",
video: "\f126",
audio: "\f127",
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Last active August 29, 2015 14:14
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// ==========================================================================
// Breakpoint Mixin
// ==========================================================================
$breakpoints: 320px, 600px, 900px;
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created January 28, 2015 17:18
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
@mixin breakpoint( $size ) {
size: $size;
}
test {
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Created January 28, 2015 17:11
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$plus: "S" + "+" + "M" + "+" + "L";
plus {
variable-string: $plus;
}
@MichaelArestad
MichaelArestad / SassMeister-input.scss
Last active August 29, 2015 14:14
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// ==========================================================================
// Breakpoint Mixin
// ==========================================================================
// Add or remove breakpoints as you desire