View SassMeister-input.scss
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // Bourbon (v4.2.3) | |
| // ---- | |
| @import "bourbon/bourbon"; | |
| $topics: ( | |
| html: #39ADD1, |
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"> |
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 |
hatefulcrawdad
/ jswarrior-solve-1.js
Last active Aug 29, 2015
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 |
NewerOlder