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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
+------------+-------+-------+-------+-------+-------+-------+-------+ | |
| 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 | |
Title: XXX
Date: Nov 24 2022
Author: Victor Nystad
Desc: Description
Tags: SomeTag
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/
Title: Synthstrom Deluge muligens til salgs
Author: Victor Nystad <[email protected]>
Date: Dec 29 2022
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: