sgregson

sgregson

sgregson

// vars are implied/provided globally
$font-size-1000: 10px;

/** before*/
.node {
    someProp: $font-size-1000
}


/**

sgregson

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

sgregson

// ==UserScript==
// @name         Inline Video Links in Buildkite
// @description  Buildkite (really the markdown parser under the hood) doesn't support video annotations, so this will 
// @namespace    https://sgregson.dev
// @version      1.0
// @author       sgregson
// @match        https://buildkite.com/*
// ==/UserScript==

(() => {

sgregson

Hello world!

sgregson

{
  "meta": { "theme": "stackoverflow" },
  "basics": {
    "name": "Spencer Gregson",
    "label": "Staff Engineer, Frontend",
    "picture": "",
    "email": "spencer.gregson@gmail.com",
    "phone": "",
    "website": "https://sgregson.dev",
    "summary": "I enjoy creating usable objects both real and digital. Interested in engaging experiences and enabling my audience to learn about their world in the process. I believe each project gives me the opportunity to teach and to learn and work to foster that attitude in those around me.",

sgregson

  const fetchMachine = Machine({
    id: 'Radio Group',
    initial: 'unfocused',
    context: {
      // 
      insideToolbar: false,
      checkedIndex: -1
    },
    states: {
      unfocused: {

sgregson

const ACTIVITY_INTERVAL = 500;

const a11yObj = Machine(
  {
    id: "a11y-tool",
    initial: "unloaded",
    context: {
      watching: false
    },
    states: {

sgregson

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)