I hereby claim:
- I am cogell on github.
- I am cogell (https://keybase.io/cogell) on keybase.
- I have a public key whose fingerprint is 2170 7B58 6C84 104D ABF1 1419 8F92 4841 E92F 95AE
To claim this, I am signing this object:
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
const selectHomeMachine2 = Machine({ | |
id: 'selectHomeMachine', | |
initial: 'inviteSearch', | |
context: { | |
home: undefined, | |
searchQuery: '', | |
searchResults: '', | |
}, | |
on: { | |
SUBMIT: [ |
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
const s = { | |
idle: "idle", | |
loading: "loading", | |
loggedIn: "loggedIn", | |
error: "error" | |
}; | |
// event types | |
const e = { | |
login: "login", |
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
body { | |
/* edge to edge content */ | |
margin: 0; | |
/* system fonts used by github */ | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
/* flex by default */ | |
display: flex; | |
flex-direction: column; |
import { convert } from 'css-color-function'; | |
/** | |
* Some helpful notes: | |
* | |
* Documentation of convert interface: | |
* https://github.com/postcss/postcss-color-function#interface-according-to-css-specs | |
* | |
* shade: mixes color with pure black https://drafts.csswg.org/css-color/#tint-shade-adjusters | |
* tint: mixes color with pure white https://drafts.csswg.org/css-color/#tint-shade-adjusters |
import ColorUtils from './colors'; | |
const interactive = (attr, color) => | |
` | |
&:hover { | |
${attr}: ${ColorUtils.hover(color)}; | |
} | |
&:active { | |
${attr}: ${ColorUtils.active(color)}; | |
} |
I hereby claim:
To claim this, I am signing this object: