romannurik

const TAG_NAME = 'blockcall';
const ARG_TAG_NAME = 'argblock';


class BlockCallExtension {
  constructor(nunjucks) {
    this.tags = [TAG_NAME];
    this.nunjucks = nunjucks;
  }

romannurik

import { ControlType, PropertyControls } from "framer";
import * as React from "react";
 
 
interface TabWidgetProps {
  selectedTab: number;
  accentColor: string;
}
 
 

romannurik

# Add this to your .git/config file

[diff]
  tool = SketchKaleidoscope
[difftool "SketchKaleidoscope"]
  cmd = ./util-sketch-kaleidoscope-diff.bash \"$MERGED\" \"$LOCAL\" \"$REMOTE\"

romannurik

import React, {useRef, useLayoutEffect} from 'react';

const [DURMIN, DURMAX] = [0.1, .8];
const dur = f => Math.min(DURMAX, (1 - f) * DURMIN + f * DURMAX);

export function Expando({className, children, open}) {
  open = !!open;
  let node = useRef();
  let lastOpen = useRef(open);
  let duration = useRef(.5);

romannurik

// Makes a copy of all selected components (how is this not built into Figma?)
let newSelection = [];

for (let component of figma.currentPage.selection.filter(node => node.type == 'COMPONENT')) {
  let clone = component.clone()
  clone.x += clone.width;
  newSelection.push(clone);
}

figma.currentPage.selection = newSelection;

romannurik

# .idx/dev.nix
{ pkgs, ... }: {
  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_18
    # Packages for postgres.
    # There may be an alternative approach using docker

romannurik

:where(.container) {
  --expando-duration: .25s;
  --expando-easing: ease;
  display: grid !important;
  grid-template-rows: 0fr;
  --expando-transition:
    grid-template-rows var(--expando-duration) var(--expando-easing),
    visibility var(--expando-duration);
  transition: var(--expando-transition);
  overflow: hidden;