Skip to content

Instantly share code, notes, and snippets.

@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:19
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
@mixin button-base {
border-radius: 0.2em;
border: {
width: 1px;
style: solid;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:18
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
@mixin button($button-color: #ECECEC, $button-text-color: #2d2d2d) {
border-radius: 0.2em;
color: $button-text-color;
background: {
color: $button-color;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:16
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
@mixin button($button-color: #ECECEC, $button-text-color: #2d2d2d) {
border-radius: 0.2em;
color: $button-text-color;
background: {
color: $button-color;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:15
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
%button {
$button-color: #ECECEC;
$button-text-color: #2d2d2d;
border-radius: 0.2em;
color: $button-text-color;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:14
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
.button {
$button-color: #ECECEC;
$button-text-color: #2d2d2d;
border-radius: 0.2em;
color: $button-text-color;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:13
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
@mixin button() {
$button-color: #ECECEC;
$button-text-color: #2d2d2d;
border-radius: 0.2em;
color: $button-text-color;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created August 1, 2013 14:11
Generated by SassMeister.com, the Sass playground.
// ---
// Sass (v3.2.9)
// ---
$button-color: #ECECEC;
$button-text-color: #2d2d2d;
input[type="submit"] {
border-radius: 0.2em;
@codingdesigner
codingdesigner / gist:6021714
Created July 17, 2013 15:36
Sassmeister performance test
$iterations: 100;
@function lmao($orig-color, $iterations, $sx, $sy, $sz) {
$output: '';
$end: $iterations;
$x0: $sx / 10;
$y0: $sy;
$z0: $sz;
$h: 0.01;
@codingdesigner
codingdesigner / SassMeister-input.scss
Created February 14, 2013 15:15
Generated by SassMeister.com, the Sass playground.
// Sass v3.2.5
// Breakpoint v1.3
@import "breakpoint";
// Sass v3.2.5
// Breakpoint v1.3
// @import "breakpoint";
@codingdesigner
codingdesigner / SassMeister-input.scss
Created January 23, 2013 19:15
Generated by SassMeister.com, the Sass playground.
// Sass v3.2.5
@mixin debug-outline($color: red, $background-color: false) {
outline: 1px solid $color;
@if $background-color != false {
background-color: $background-color;
}
}
.foo {