v0.4.8

Added support for Sorcery.defer so the runtime does not break in the context of hot-reloading.

Usage:

import { Sorcery } from "@zaydek/sorcery/dist/runtime"
import { useEffect } from "react"

function Component() {
  useEffect(() => {
    Sorcery.init()
    return Sorcery.defer
  })
  return ...
}

v0.4.7

• Renamed align-* utilities to stack-*
• rem and px (not em) now round their outputs to the nearest pixel or equivalent

v0.4.6

Upgraded node-sass to sass.

v0.4.5

Added support for <AspectRatio>:

import { AspectRatio } from "@zaydek/sorcery/dist/runtime"

<AspectRatio aspectRatio={16 / 9} {...props}>
  {children}
</AspectRatio>

This is equivalent to:

<div className="relative" style={{ paddingBottom: (1 / aspectRatio) * 100 + "%" }} {...props}>
	<div className="absolute y-0 x-0">
		{children}
	</div>
</div>

v0.4.4

Reverted how w-* and h-* classes interpolate flex-shrink: 0.

v0.4.3

Prevented w-full and w-screen from being generated twice.

v0.4.2

• Renamed s-* classes to space-*
• Renamed --spacing to --space
• Fixed how --space works in the context of responsive stacks
  • Stacks now reset --space and responsive stacks no longer force reset --space
• w-* and h-* no longer generate duplicate classes to implement flex-shrink: 0

v0.4.1

Added several JS-based utilities to @zaydek/sorcery/runtime:

• rem: Converts a number to rem units
• em: Converts a number to em units
• px: Converts a number to pixels

v0.4.0

• The Sorcery CSS JS runtime is now included at @zaydek/sorcery/runtime
  • The runtime exposes d for toggling dark mode shortcut and ctrl-d for toggling debug mode
  • These controls can also be modulated via Sorcery.toggleDebugMode and Sorcery.toggleDarkMode
• Added grid utilities
• Deprecated several *-space utilities
• var(--spacing) no longer automatically propagates indefinitely

v0.3.8

Improved readme: Fixed className bug in HTML/CDN example.