Chris Michel hatefulcrawdad
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // Bourbon (v4.2.3) | |
| // ---- | |
| @import "bourbon/bourbon"; | |
| $topics: ( | |
| html: #39ADD1, |
hatefulcrawdad
/ 01-circle.html
Created
April 29, 2015 16:57
Code samples from my talk, "The Wonderful World of SVGs"
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $initial_selector: (".directory") | |
| $new_selector: () | |
| $final_selector: () | |
| $result: () | |
| $base-padding: 66px |
hatefulcrawdad
/ SassMeister-input.sass
Created
February 11, 2015 22:33
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // 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
/ SassMeister-input.scss
Created
September 4, 2014 16:26
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // 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
/ SassMeister-input.scss
Created
September 4, 2014 16:19
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.2.19) | |
| // Compass (v0.12.6) | |
| // ---- | |
| .component { | |
| color: red; | |
| .parent-variant & { | |
| color: blue; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // 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
August 29, 2015 13:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // 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