Back
Version 85
8/4/2024
// tuna-based generative css lib
import clsx from "https://esm.sh/clsx";
import iAWriterMono from "https://esm.town/v/jxnblk/iAWriterMono";
import tuna from "https://esm.town/v/jxnblk/tuna";
/**
* usage:
* - className={styles.container}
* - className={styles.cx(styles.container, styles.guides)}
* - className={styles.container.grid} // chaining??
* - should tuna support chaining?
*/
// gaps 7*32 = 224
// padding 64
// columns 8*96 = 768
// columns @ 80 = 640
// module exports for debugging
export const styles = tuna({
container: {
// maxWidth: 1056, // 8 columns w/ 32px gaps
maxWidth: 928, // 8 80px cols
// maxWidth: 736, // 6 columns w/ 32px gaps (or 8 64px cols)
marginLeft: "auto",
marginRight: "auto",
padding: 32,
},
nav: {
display: "flex",
alignItems: "center",
gap: 16,
paddingTop: 16,
paddingBottom: 16,
// marginBottom: 32,
Updated: January 15, 2025