cogell

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cogell

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cogell

const selectHomeMachine2 = Machine({
  id: 'selectHomeMachine',
  initial: 'inviteSearch',
  context: {
    home: undefined,
    searchQuery: '',
    searchResults: '',
  },
  on: {
    SUBMIT: [

cogell

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cogell

const s = {
  idle: "idle",
  loading: "loading",
  loggedIn: "loggedIn",
  error: "error"
};

// event types
const e = {
  login: "login",

cogell

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cogell

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;

cogell

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

cogell

import ColorUtils from './colors';

const interactive = (attr, color) =>
  `
  &:hover {
    ${attr}: ${ColorUtils.hover(color)};
  }
  &:active {
    ${attr}: ${ColorUtils.active(color)};
  }

cogell

Keybase proof

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: