Skip to content

Instantly share code, notes, and snippets.

View kevinmpowell's full-sized avatar

Kevin Powell kevinmpowell

View GitHub Profile

Design Tokens Vocabulary

Term Definition Example(s)
Platform Styling Language (PSL) A programming language responsible for styling UI on a specific platform. CSS (Web)
XML (Android)
Objective-C (iOS)
Swift (iOS)
Javascript (SketchAPI)
Property Context The portion of a UI to which style values will be applied. CSS
.heading-level-1
#id
h1

XML
<TextView style="@style/HeadingLevel1">

Swift
Text.font(.system())

Javascript
sharedTextStyles[{name: 'Heading Level 1'}])
Property Key A predefined label belonging to an End State Styling Language CSS
font-size
opacity
z-index

XML
android:textSize

Swift
.font(.system(size))

Javascript (SketchAPI)
style.textSize
Variable Key An arbitrary label assigned to a value color-background-default
`space-inset
@kevinmpowell
kevinmpowell / AsanaNewTask.scpt
Last active April 4, 2023 13:13
An applescript to create a new task in Asana
tell application "Asana" to activate
tell application "System Events"
key down tab
keystroke "q"
key up tab
end tell
@kevinmpowell
kevinmpowell / AsanaMyTasks.scpt
Created April 4, 2023 13:25
Applescript to launch Asana and switch to "My Tasks" view
tell application "Asana" to activate
tell application "System Events"
key down tab
keystroke "z"
key up tab
end tell