junchaw

import React from "react";
import classNames from "classnames";
import {cva, VariantProps} from "cva";

export const badge = cva(["inline-fcc", "rounded-full", "shadow"], {
    variants: {
        size: {
            responsiveXs: [
                "px-2",
                "py-[.125rem]",

junchaw

        plugin(function ({addVariant}) {
            addVariant('hoverable-no', '@media (hover: none)')
            addVariant('hoverable', '@media (hover: hover)')
            addVariant('pointer-none', '@media (pointer: none)')
            addVariant('pointer-find', '@media (pointer: fine)')
            addVariant('pointer-coarse', '@media (pointer: coarse)')
            addVariant('interact-mouse', '@media (hover: hover) and (pointer: fine)')
            addVariant('interact-remote', '@media (hover: hover) and (pointer: coarse)')
            addVariant('interact-stylus', '@media (hover: none) and (pointer: fine)')
            addVariant('interact-finger', '@media (hover: none) and (pointer: coarse)')

junchaw

# cd to my project
export PROJECTS="$HOME/projects"

p () {
    cd $PROJECTS/${1}
}

_p_completions()
{
  COMPREPLY=($(compgen -W "$(ls $PROJECTS)" -- "${COMP_WORDS[1]}"))