Skip to content

Instantly share code, notes, and snippets.

View vnys's full-sized avatar

Victor Nystad vnys

View GitHub Profile
@vnys
vnys / coding-in-the-cloud-tabs.md
Last active October 22, 2021 10:38
Coding in the cloud

Coding in the ☁️

@vnys
vnys / chromeos-video.md
Last active December 19, 2021 12:50
Chromebook video editors
@vnys
vnys / tailwind-colors-as-css-variables.md
Created March 25, 2022 19:52 — forked from Merott/tailwind-colors-as-css-variables.md
Expose Tailwind colors as CSS custom properties (variables)

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.

@vnys
vnys / eds-ferie.txt
Created June 22, 2022 10:30
eds ferie 2022
+------------+-------+-------+-------+-------+-------+-------+-------+
| 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 |
@vnys
vnys / 01-rules.md
Last active March 7, 2024 12:26
eds tokens 1.0 json design tokens rules
Title:  EDS Tokens naming rules
Status: Draft
Author: vnys
Date:   Nov 20 2022

EDS 2.0 token naming

@vnys
vnys / gist-template.md
Created November 25, 2022 08:17
Gist template
Title:  XXX
Date:   Nov 24 2022
Author: Victor Nystad
Desc:   Description
Tags:   SomeTag
@vnys
vnys / 00-taco.md
Last active October 15, 2023 14:07
vegan recipes oppskrifter
Title:  Tomato-spiced lentils
Author: Victor Nystad <[email protected]>
Date:   Feb 17 2023
Status: WIP
URLs:
  - https://www.thespruceeats.com/simplest-raw-food-salsa-recipe-3377438
  - https://lovingitvegan.com/simple-guacamole-recipe/
 - https://www.simplyrecipes.com/recipes/refried_black_beans/
@vnys
vnys / deluge.md
Last active February 5, 2023 23:07
deluge
Title:  Synthstrom Deluge muligens til salgs
Author: Victor Nystad <[email protected]>
Date:   Dec 29 2022

Kostnader 19. juni 2022

@vnys
vnys / tokens-styles-sync.md
Last active March 15, 2023 09:21
Token Studio syncing styles
Title:  Syncing Equinor Design System tokens with styles
Author: Victor Nystad <[email protected]>
Status:  Draft
Date:   Mar 14 2023

When syncing tokens in Token Studio with styles, there are two options in the plugin settings:

@vnys
vnys / tenk-button.css
Created August 9, 2023 19:10
tenk workshop 2023
.button-primary {
font-size: var(--button-font-size);
line-height: var(--button-line-height);
border-radius: var(--button-border-radius);
padding: var(--button-padding);
background-color: var(--button-primary-background-color);
color: var(--button-color);
cursor: pointer;
border: none;
text-decoration: none;