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 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 gist:dfbac9ed62474e1be605
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
const flux = new Flux(); | |
flux.createActions('foobar', { | |
foo() { | |
return 'bar'; | |
}, | |
bar() { | |
return 'baz'; | |
} |
View gist:c7eb7ac45617d9332b60
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
import Flummox from 'flummox'; | |
import { Map } from 'immutable'; | |
// Instead of a constructor, just wrap flux creation inside a function | |
export default function createFlux() { | |
const flux = new Flummox(); | |
// Actions are the same. Just pass an object instead of a class. | |
const thingActions = flux.createActions('things', { | |
incrementSomething(amount) { |
View gist:1168dd2c3cbd8e4cb477
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 reactRouter(router) { | |
return (reducer, initialState) => next => { | |
const baseStore = next(reducer, initialState); | |
function storeIsInSyncWithRouter() { | |
//... blah blah implementation details | |
} | |
// Apply router middleware which intercepts TRANSITION_TO actions | |
const wrappedDispatch = routerMiddleware(router)()(baseStore.dispatch); |
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
// ---- | |
// libsass (v3.2.5) | |
// ---- | |
.foo :global(.some-ovid-class) .bar { | |
color: blue; | |
} |
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 |
OlderNewer