Instantly share code, notes, and snippets.

View SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Bourbon (v4.2.3)
// ----
@import "bourbon/bourbon";
$topics: (
html: #39ADD1,
View 01-circle.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Shape Examples</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<svg class="circles" viewBox="0 0 10 5" preserveAspectRatio="xMinYMin meet">
View SassMeister-input.sass
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$initial_selector: (".directory")
$new_selector: ()
$final_selector: ()
$result: ()
$base-padding: 66px
View SassMeister-input.sass
// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----
@mixin button-base($border-color, $text-color, $bg-color: transparent)
background-color: $bg-color
border: 2px solid $border-color
color: $text-color
svg
View SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
// Component Name
// Basic description of the component, what it does, etc.
// Can go as many lines as you need to.
//
// - .button: Basic button styles with no variation
View SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
.component {
color: red;
.parent-variant & {
color: blue;
View SassMeister-input.sass
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
@mixin test($selector, $color, $color2, $color3)
#{$selector} &
background: $color
@media screen and (min-width: 768px)
background: $color2
View svg-after.html
<svg class="class-name" viewBox="0 0 37.7 37.3" preserveAspectRatio="xMinYMin meet">
<polygon points="34.3,34.6 34,27.4 29.6,27.4 31.5,21.4 28.2,15.8 34.2,13.4 37.4,9.3
33.4,3.6 33.4,9.3 33.5,9.8 26.6,10.7 28.4,6.6 18.8,0 9.3,6.6 11.1,10.7 4.2,9.8 4.3,9.3 4.3,3.6 0.3,9.3 3.5,13.4 9.5,15.8
6.2,21.4 8.1,27.4 3.6,27.4 3.3,34.6 0,37.3 10,37.3 18.8,35.9 27.7,37.3 37.7,37.3 "/>
</svg>
View SassMeister-input.sass
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
@mixin media($args)
@if length($args) > 2
@media screen and (#{nth($args, 1)}: nth($args, 2)) and (#{nth($args, 3)}: nth($args, 4))
@content
@else
View jswarrior-solve-1.js
//
// The Setup
//
// When we hit a wall, turn the fuck around
function heTurnsTheFuckAround(warrior) {
warrior.pivot();
}
// When warrior sees a diamon, pick that shit up