Skip to content

Instantly share code, notes, and snippets.

Chris Michel hatefulcrawdad

Block or report user

Report or block hatefulcrawdad

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Bourbon (v4.2.3)
// ----
@import "bourbon/bourbon";
$topics: (
html: #39ADD1,
@hatefulcrawdad
hatefulcrawdad / 01-circle.html
Created Apr 29, 2015
Code samples from my talk, "The Wonderful World of SVGs"
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">
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.sass
Created Mar 3, 2015
Generated by SassMeister.com.
View SassMeister-input.sass
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$initial_selector: (".directory")
$new_selector: ()
$final_selector: ()
$result: ()
$base-padding: 66px
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.sass
Created Feb 11, 2015
Generated by SassMeister.com.
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
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.scss
Created Sep 4, 2014
Generated by SassMeister.com.
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
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.scss
Created Sep 4, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
.component {
color: red;
.parent-variant & {
color: blue;
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.sass
Created Aug 26, 2014
Generated by SassMeister.com.
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>
@hatefulcrawdad
hatefulcrawdad / SassMeister-input.sass
Created Aug 7, 2014
Generated by SassMeister.com.
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
You can’t perform that action at this time.