This hook is used to modify an object of Tailwind classNames.
import { useExtendedStyles } from '@sutterhill/hooks'
const defaultStyles = {| @supports (animation-timeline: scroll()) { | |
| :root { | |
| --scroll-fog-size: 120; | |
| } | |
| .scroll-fog { | |
| animation: | |
| mask-up both linear, | |
| mask-down both linear; | |
| animation-timeline: scroll(self); | |
| animation-range: |
| #!/bin/bash | |
| # Exit if no prompt is provided | |
| if [ -z "$1" ]; then | |
| echo "Usage: $0 <your instruction for a shell command>" | |
| exit 1 | |
| fi | |
| # --- Configuration --- | |
| # TODO: Replace with your actual Anthropic API key |
| css = """ | |
| .gradio-container { | |
| --block-radius: 4px; | |
| --block-label-radius: 4px; | |
| --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; | |
| --layout-gap: 2rem 1rem; | |
| --text-xxl: 1.75rem; | |
| --text-xl: 1.5rem; | |
| --text-lg: 1.25rem; | |
| --text-md: 1rem; |
| ; -------------------------------------------------------------- | |
| ; Application specific | |
| ; -------------------------------------------------------------- | |
| ; Google Chrome | |
| #IfWinActive, ahk_class Chrome_WidgetWin_1 | |
| ; Show Web Developer Tools with cmd + alt + i | |
| #!i::Send {F12} |
astro template determine if a page is static or dynamic:
| ; -------------------------------------------------------------- | |
| ; Application specific | |
| ; -------------------------------------------------------------- | |
| ; Google Chrome | |
| #IfWinActive, ahk_class Chrome_WidgetWin_1 | |
| ; Show Web Developer Tools with cmd + alt + i | |
| #!i::Send {F12} |
| 'use strict' | |
| class JSONMap extends Map { | |
| constructor (value) { | |
| let mapArgs = [] | |
| if (value) { | |
| for (let k of Object.keys(value)) { | |
| mapArgs.push([ k, value[k] ]) | |
| } | |
| } |
| 'use strict' | |
| const Gdax = require('gdax') | |
| const h = require('highland') | |
| const streamStatistics = require('stream-statistics') | |
| const websocket = new Gdax.WebsocketClient(['BTC-USD']) | |
| const tickerStream = exports.tickerStream = (s = websocket) => | |
| h('message', s) | |
| .stopOnError(() => |