Skip to content

Instantly share code, notes, and snippets.

View bruskowski's full-sized avatar

Richard Bruskowski bruskowski

17 followers · 65 following
View GitHub Profile
@bruskowski
bruskowski / SketchSystems.spec
Last active July 9, 2018 13:35
Button*
Button*
disable -> disabled
enabled*
default*
hover -> hover
tab -> focus
click -> pressedFocus
tap -> pressed
focus
click -> pressedFocus
@bruskowski
bruskowski / SketchSystems.spec
Created July 5, 2018 18:38 — forked from steveruizok/SketchSystems.spec
Search Machine Preloaded
Search Machine Preloaded
Empty
focusInput -> InputFocused
searchByLocation -> LoadingResults
NoLocation*
getLocation -> HasLocation
HasLocation
loseLocation -> NoLocation
InputFocused
changeInput -> Loading
@bruskowski
bruskowski / SketchSystems.spec
Last active July 12, 2018 17:01
Link*
Link*
disable -> disabled
enabled*
default*
hover -> hover
tab -> focus
click -> pressedFocus
tap -> pressed
focus
click -> pressedFocus
@bruskowski
bruskowski / SketchSystems.spec
Last active August 9, 2018 14:29 — forked from ryanlucas/SketchSystems.spec
# Style Buttons: A Parallel State Demo
# Style Buttons: A Parallel State Demo
# 2018 August 06
# By Ryan Lucas (Twitter: @ryanlucas)
Font Style Selector&
Bold
Bold Off
bold clicked -> Bold On
Bold On
bold clicked -> Bold Off
@bruskowski
bruskowski / MagicMoveHover.tsx
Last active January 2, 2019 07:17
Adds hover trigger with reverse animation to Henrique Gusso's Magic Move Framer X component.
import * as React from 'react'
import { PropertyControls, ControlType, Animatable, animate } from 'framer'
interface Props {
width: number
height: number
animate: string
delay: number
target: React.ReactChild
source: React.ReactChild
@bruskowski
bruskowski / StackAnimatePresenceDemo.tsx
Last active May 31, 2021 19:10
import * as React from "react"
import { useState } from "react"
import {
Frame,
AnimatePresence,
Stack,
Color,
StackProperties,
ControlType,
addPropertyControls,
@bruskowski
bruskowski / ScrollStackAnimatePresenceDemo.tsx
Last active July 30, 2019 19:29
import * as React from "react"
import { useState } from "react"
import {
Frame,
AnimatePresence,
Stack,
Scroll,
Color,
ScrollProps,
ControlType,
@bruskowski
bruskowski / CustomComponentScrollStackAnimatePresenceDemo.tsx
Created July 30, 2019 19:34
import * as React from "react"
import { useState } from "react"
import {
Frame,
AnimatePresence,
Stack,
Scroll,
Color,
ScrollProps,
ControlType,
@bruskowski
bruskowski / google-docs-override.css
Created March 5, 2020 19:56
Makes Google Docs look a little bit more like Dropbox Paper
body.light #docs-editor {
background-color: #fff !important;
}
.kix-paginateddocumentplugin, .kix-paginateddocumentplugin-compact-mode {
box-shadow: none !important;
}
body.focus-off .kix-paginateddocumentplugin, body.focus-off .kix-paginateddocumentplugin-compact-mode {
box-shadow: 0 0 0 0.75pt #d1d1d1, 0 0 3pt 0.75pt #ccc !important;