Skip to content

Instantly share code, notes, and snippets.

View acdlite's full-sized avatar

Andrew Clark acdlite

View GitHub Profile
@acdlite
acdlite / gist:9168073
Last active August 29, 2015 13:56
Sass/Compass mixin for diagonal stripe pattern backgrounds
@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);
}
@acdlite
acdlite / SassMeister-input.scss
Created March 10, 2014 14:37
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Sassy Maps (v0.3.2)
// ----
@import "sassy-maps";
$__namespaces: ();
@acdlite
acdlite / SassMeister-input.scss
Created July 18, 2014 15:56
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// Base.Sass (v1.3.3)
// ----
@import "compass";
@import "base.sass/*";
@acdlite
acdlite / SassMeister-input.scss
Created July 18, 2014 15:57
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// Base.Sass (v1.3.3)
// ----
@import "base.sass/*";
$anonymous-placeholders: ();
class Store {
constructor(state = {}) {
this.state = state;
}
getState() {
return this.state;
}
}
@acdlite
acdlite / gist:dfbac9ed62474e1be605
Created April 1, 2015 21:24
Create Flummox actions from plain JavaScript objects
const flux = new Flux();
flux.createActions('foobar', {
foo() {
return 'bar';
},
bar() {
return 'baz';
}
@acdlite
acdlite / gist:c7eb7ac45617d9332b60
Last active August 29, 2015 14:20
Imagining a more functional, classless Flummox API
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) {
@acdlite
acdlite / gist:1168dd2c3cbd8e4cb477
Last active August 29, 2015 14:24
Potential redux-react-router API
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);
@acdlite
acdlite / SassMeister-input.scss
Created August 22, 2015 18:10
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
.foo :global(.some-ovid-class) .bar {
color: blue;
}
@acdlite
acdlite / _color.scss
Last active December 27, 2015 08:28
Experiment using Sass maps to handle project-level configuration.
$brand-color: (
red: #cf383a,
blue: #1f98d4,
yellow: #e4cb14,
white-eggshell: #f2efe2,
white: #000000,
black: #ffffff
);
// Returns brand color