stepanjakl

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.

Awesome Variable Fonts

A list of open source and free* variable fonts.

* Some fonts may require a license to be used for commerical use.

A hand crafted markdown document contains all major Javascript topics covered, taken from different sources. Brush Up your JS memory.

Single line comments start with //. For multi-line commands, you use /* ... */

// This is a single line comment


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

	await new Promise(function (resolve) {
	setTimeout(function () {
	resolve();
	}, 1000);
	});

	// ... Can be shortened to:

	await new Promise(function (resolve) {
	setTimeout(resolve, 1000);

	<html>
	<head>
	<title>Stripe Gradient</title>
	</head>
	<body>
	<canvas id="gradient-canvas" data-js-darken-top data-transition-in>
	<!--
	Remove data-js-darken-top to keep the same brightness in the upper part of the canvas
	-->
	</canvas>

	/**
	* @plug
	* DOMRegex.js
	* https://mattoestreich.com
	*
	* @description
	* Modified from: https://stackoverflow.com/a/62144522
	* TLDR; querySelectorAll with regex support
	*
	* @important

	/**
	* @param {number} yPos Pixels from the top of the screen to scroll to
	* @param {number} duration Time of animation in milliseconds
	*/
	const scrollTo = (yPos, duration = 600) => {
	const startY = window.scrollY;
	const difference = yPos - startY;
	const startTime = performance.now();

	const step = () => {

	{
	"name": "Example",
	"version": "0.0.1",
	"description": "Example workflow",
	"author": "You <you@youremail.com>",
	"license": "MIT",
	"postcss": {
	"plugins": {
	"postcss-easy-import": {},
	"postcss-preset-env": {