├── .gitignore ├── .vscode └── settings.json ├── README.md ├── app ├── (editor) │ ├── cssLanguageExtension.ts │ ├── layout.css │ ├── layout.tsx │ ├── page.tsx │ ├── queryString.ts │ └── titleBar.tsx └── preview │ ├── api.ts │ ├── layout.css │ ├── layout.tsx │ ├── page.tsx │ └── postcss │ ├── plugin │ ├── generateMetrics.cjs │ ├── metrics.ts │ └── postcssLeadingTrim.ts │ ├── postcss.worker.ts │ └── usePostCss.ts ├── docs ├── art.jpg ├── ascender.png ├── asian-fonts.png ├── button-leading-trim.webp ├── button.webp ├── icon.jpeg ├── icon2.png ├── image.png ├── intro.webp ├── preview--text-box-edge--cap-.png ├── preview--text-box-edge--cap-alphabetic-.png ├── preview--text-box-edge--ex-.png ├── preview--text-box-edge--ex-alphabetic-.png ├── preview--text-box-edge--ideographic-.png ├── preview--text-box-edge--ideographic-ideographic-ink-.png ├── preview--text-box-edge--ideographic-ink-.png ├── preview--text-box-edge--ideographic-ink-ideographic-.png ├── preview--text-box-edge--normal-.png ├── preview--text-box-edge--text-.png ├── preview-button.png ├── preview-overflow.png ├── preview-subgrid.png ├── preview-text-box-edges.png ├── preview-text-edges.png ├── spacing-system.webp └── talk-precise-text-alignment.png ├── next.config.js ├── package.json ├── public ├── check.png ├── favicon.ico ├── github.png └── leading-trim.png ├── scripts └── preview-screenshots.mjs ├── styles ├── Home.module.css └── globals.css └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/README.md -------------------------------------------------------------------------------- /app/(editor)/cssLanguageExtension.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/cssLanguageExtension.ts -------------------------------------------------------------------------------- /app/(editor)/layout.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/layout.css -------------------------------------------------------------------------------- /app/(editor)/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/layout.tsx -------------------------------------------------------------------------------- /app/(editor)/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/page.tsx -------------------------------------------------------------------------------- /app/(editor)/queryString.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/queryString.ts -------------------------------------------------------------------------------- /app/(editor)/titleBar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/(editor)/titleBar.tsx -------------------------------------------------------------------------------- /app/preview/api.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/api.ts -------------------------------------------------------------------------------- /app/preview/layout.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/layout.css -------------------------------------------------------------------------------- /app/preview/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/layout.tsx -------------------------------------------------------------------------------- /app/preview/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/page.tsx -------------------------------------------------------------------------------- /app/preview/postcss/plugin/generateMetrics.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/postcss/plugin/generateMetrics.cjs -------------------------------------------------------------------------------- /app/preview/postcss/plugin/metrics.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/postcss/plugin/metrics.ts -------------------------------------------------------------------------------- /app/preview/postcss/plugin/postcssLeadingTrim.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/postcss/plugin/postcssLeadingTrim.ts -------------------------------------------------------------------------------- /app/preview/postcss/postcss.worker.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/postcss/postcss.worker.ts -------------------------------------------------------------------------------- /app/preview/postcss/usePostCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/app/preview/postcss/usePostCss.ts -------------------------------------------------------------------------------- /docs/art.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/art.jpg -------------------------------------------------------------------------------- /docs/ascender.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/ascender.png -------------------------------------------------------------------------------- /docs/asian-fonts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/asian-fonts.png -------------------------------------------------------------------------------- /docs/button-leading-trim.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/button-leading-trim.webp -------------------------------------------------------------------------------- /docs/button.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/button.webp -------------------------------------------------------------------------------- /docs/icon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/icon.jpeg -------------------------------------------------------------------------------- /docs/icon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/icon2.png -------------------------------------------------------------------------------- /docs/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/image.png -------------------------------------------------------------------------------- /docs/intro.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/intro.webp -------------------------------------------------------------------------------- /docs/preview--text-box-edge--cap-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--cap-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--cap-alphabetic-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--cap-alphabetic-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ex-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ex-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ex-alphabetic-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ex-alphabetic-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ideographic-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ideographic-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ideographic-ideographic-ink-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ideographic-ideographic-ink-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ideographic-ink-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ideographic-ink-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--ideographic-ink-ideographic-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--ideographic-ink-ideographic-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--normal-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--normal-.png -------------------------------------------------------------------------------- /docs/preview--text-box-edge--text-.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview--text-box-edge--text-.png -------------------------------------------------------------------------------- /docs/preview-button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview-button.png -------------------------------------------------------------------------------- /docs/preview-overflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview-overflow.png -------------------------------------------------------------------------------- /docs/preview-subgrid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview-subgrid.png -------------------------------------------------------------------------------- /docs/preview-text-box-edges.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview-text-box-edges.png -------------------------------------------------------------------------------- /docs/preview-text-edges.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/preview-text-edges.png -------------------------------------------------------------------------------- /docs/spacing-system.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/spacing-system.webp -------------------------------------------------------------------------------- /docs/talk-precise-text-alignment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/docs/talk-precise-text-alignment.png -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/next.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/package.json -------------------------------------------------------------------------------- /public/check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/public/check.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/public/github.png -------------------------------------------------------------------------------- /public/leading-trim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/public/leading-trim.png -------------------------------------------------------------------------------- /scripts/preview-screenshots.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/scripts/preview-screenshots.mjs -------------------------------------------------------------------------------- /styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/styles/Home.module.css -------------------------------------------------------------------------------- /styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/styles/globals.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jantimon/text-box-trim-examples/HEAD/tsconfig.json --------------------------------------------------------------------------------