This hook is used to modify an object of Tailwind classNames.
import { useExtendedStyles } from '@sutterhill/hooks'
const defaultStyles = {
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:
'use strict' | |
class JSONMap extends Map { | |
constructor (value) { | |
let mapArgs = [] | |
if (value) { | |
for (let k of Object.keys(value)) { | |
mapArgs.push([ k, value[k] ]) | |
} | |
} |
//= require snap.svg-min | |
(function(){ | |
var defaultCoordMultiplier = 50; | |
var shapeSpacingMultiplier = .45; | |
var tilt = 3; | |
var height = 8; | |
var width = 4; | |
var origin = { x: 0, y: 0 }; |
@media screen and (-webkit-min-device-pixel-ratio:0) { | |
/* Custom Webkit scroll bar, super fucking dope | |
http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/ */ | |
body { position:absolute; top:0px; left:0; bottom:0; right:10px; overflow-y:scroll; overflow-x:hidden;} | |
html { | |
overflow-y: auto; | |
background-color: transparent; | |
} | |
::-webkit-scrollbar { |
; -------------------------------------------------------------- | |
; Application specific | |
; -------------------------------------------------------------- | |
; Google Chrome | |
#IfWinActive, ahk_class Chrome_WidgetWin_1 | |
; Show Web Developer Tools with cmd + alt + i | |
#!i::Send {F12} |
'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(() => |