Chris Michel hatefulcrawdad

## SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Bourbon (v4.2.3)
// ----

@import "bourbon/bourbon";

$topics: (
  html: #39ADD1,

## 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">

## SassMeister-input.sass
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$initial_selector: (".directory")
$new_selector: ()
$final_selector: ()
$result: ()
$base-padding: 66px

## 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

## 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

## SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

.component {
  color: red;

  .parent-variant & {
    color: blue;

## 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

## 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>

## 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

## 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
	// ----
	// Sass (v3.4.14)
	// Compass (v1.0.3)
	// Bourbon (v4.2.3)
	// ----

	@import "bourbon/bourbon";

	$topics: (
	html: #39ADD1,
	<!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">
	// ----
	// Sass (v3.4.12)
	// Compass (v1.0.3)
	// ----

	$initial_selector: (".directory")
	$new_selector: ()
	$final_selector: ()
	$result: ()
	$base-padding: 66px
	// ----
	// 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
	// ----
	// 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
	<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>
	//
	// 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