Victor Nystad vnys

Title:  EDS Tokens naming rules
Status: Draft
Author: vnys
Date:   Nov 20 2022

EDS 2.0 token naming

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

Video editing on Chromebooks

Coding in the ☁️

Why do we use the EDS in Energy Vision

The EDS
Main problem
- EDS is made for white backgrounds
- Need components EDS don’t have

Contributions

Tokens

AutoHotkey.ahk

;-----------------------------------------
; Mac keyboard to Windows Key Mappings
;=========================================

; --------------------------------------------------------------
; NOTES
; --------------------------------------------------------------
; ! = ALT

type below:

brew update
brew install redis

To have launchd start redis now and restart at login:

brew services start redis

	+------------+-------+-------+-------+-------+-------+-------+-------+
	\| Uke \| 25 \| 26 \| 27 \| 28 \| 29 \| 30 \| 31 \|
	+------------+-------+-------+-------+-------+-------+-------+-------+
	\| Rebecca \| ---XX \| XXXXX \| XXXXX \| XXXXX \| XXXXX \| ----- \| ----- \|
	+------------+-------+-------+-------+-------+-------+-------+-------+
	\| Lucas \| ----- \| --XXX \| XXXXX \| XXXXX \| XXXXX \| XXXXX \| ----- \|
	+------------+-------+-------+-------+-------+-------+-------+-------+
	\| Bente \| ----- \| ---XX \| XXXXX \| XXXXX \| XXX-- \| ----- \| ----- \|
	+------------+-------+-------+-------+-------+-------+-------+-------+
	\| Oddbjørn \| ----- \| ----- \| ----- \| ----- \| XXXXX \| XXXXX \| XXXXX \|

	//
	// Prelude

	// A zero dependency, one file drop in for faster Typescript development with fewer bugs
	// through type safe, functional programming. Comments are inline with links to blog posts motiviating the use.

	// alias for a function with arity 1
	export type Fn<A, B> = (a: A) => B;

	// alias for a function with arity 2

	<html>

	<head>
	<script>
	customElements.define("star-wars-planets", class extends HTMLElement {
	constructor() {
	super();
	this.attachShadow({ mode: "open" });
	}
	static get observedAttributes() { return ["loading", "planets"]; }