View _color.scss
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
$brand-color: ( | |
red: #cf383a, | |
blue: #1f98d4, | |
yellow: #e4cb14, | |
white-eggshell: #f2efe2, | |
white: #000000, | |
black: #ffffff | |
); | |
// Returns brand color |
View SassMeister-input.scss
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.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
$grid: ( | |
small: 90% 8 1/4, | |
medium: 80% 8 1/4, | |
large: 80% 12 1/4, | |
); |
View SassMeister-input.scss
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.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
$_grids: (); | |
@mixin add-grid($g, $name) { | |
$_grids: map-merge($_grids, ($name: $g)); | |
} |
View gist:9168073
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
@mixin diagonal-stripe-pattern-background($color-1, $color-2, $ratio, $size) { | |
$ratio: percentage($ratio / 2); | |
@include background(linear-gradient(-45deg, | |
$color-1 (50% - $ratio), | |
$color-2 (50% - $ratio), | |
$color-2 50%, $color-1 50%, | |
$color-1 (100% - $ratio), | |
$color-2 (100% - $ratio))); | |
@include background-size($size $size); | |
} |
View SassMeister-input.scss
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.3.3) | |
// Compass (v1.0.0.alpha.18) | |
// Sassy Maps (v0.3.2) | |
// ---- | |
@import "sassy-maps"; | |
$__namespaces: (); |
View SassMeister-input.scss
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.3.10) | |
// Compass (v1.0.0.alpha.20) | |
// Base.Sass (v1.3.3) | |
// ---- | |
@import "compass"; | |
@import "base.sass/*"; | |
View SassMeister-input.scss
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.3.10) | |
// Compass (v1.0.0.alpha.20) | |
// Base.Sass (v1.3.3) | |
// ---- | |
@import "base.sass/*"; | |
$anonymous-placeholders: (); |
View convert-video-for-web.sh
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
#!/bin/bash | |
# Based on http://asisolve.com/ffmpeg-encoding-settings-for-web-video/ | |
for f in src/*.mov | |
do | |
name=$(basename $f .mov) | |
# Convert to mp4 | |
ffmpeg -i $f -vcodec libx264 -preset slow -profile main -crf 25 -acodec libfdk_aac -ab 64k dist/$name.mp4 |
View gist:d1c1b7bc95e5f869424d
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
class Store { | |
constructor(state = {}) { | |
this.state = state; | |
} | |
getState() { | |
return this.state; | |
} | |
} |
View pureRenderMixin.js
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
function pureRenderMixin(Component) { | |
Component.prototype.shouldComponentUpdate(nextProps, nextState) { | |
return !shallowEqual(this.props, nextProps) || | |
!shallowEqual(this.state, nextState); | |
} | |
return Component; | |
} | |
class MyComponent extends React.Component {} |
OlderNewer