Cameron makakoa

## inline-hover-styles.css
*[style*="--bg-default"] {
  background: var(--bg-default);
}
*[style*="--bg-hover"]:hover {
  background: var(--bg-hover);
}
*[style*="--bg-selected"].selected {
  background: var(--bg-selected);
}

## note.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                makakoa
                / note.md
            
            
              Created
              August 24, 2023 20:08
            
              
                JS Style Objects to CSS Strings
              
          
    Some example functions to map JS Object representations of CSS to CSS strings
inlineStylesToString stringifies flat inline style object. Eg:
inlineStylesToString({
  backgroundColor: '#fff',
  width: '100%',
  opacity: 1
}) 
// =&gt; 'background-color: #fff; width: 100%; opacity: 1; '


## chunkWork.js
const nth = 1000000;
console.time("fib");
chunkWork(fibonacciDigits(nth)).then((digits) => {
  console.log("The ", nth, " fibonacci number has ", digits, " digits");
  console.timeEnd("fib");
});

function chunkWork(workGenerator, minChunkTime = 50) {
  return new Promise((resolve) => {
    function processChunk() {
	[style="--bg-default"] {
	background: var(--bg-default);
	}
	[style="--bg-hover"]:hover {
	background: var(--bg-hover);
	}
	[style="--bg-selected"].selected {
	background: var(--bg-selected);
	}
	const nth = 1000000;
	console.time("fib");
	chunkWork(fibonacciDigits(nth)).then((digits) => {
	console.log("The ", nth, " fibonacci number has ", digits, " digits");
	console.timeEnd("fib");
	});

	function chunkWork(workGenerator, minChunkTime = 50) {
	return new Promise((resolve) => {
	function processChunk() {