A minimal, classless CSS framework that conveys structure through typography and spacing alone.
fogtype.tngl.io/css/
create pages deploy workflow
Kohei Watanabe
(Jun 16, 2026, 1:19 AM +0900)
7124bebd
de4f618d
+28
-2
+26
.github/workflows/pages.yml
+26
.github/workflows/pages.yml
···
1
+
name: pages
2
+
on:
3
+
push:
4
+
branches:
5
+
- main
6
+
workflow_dispatch:
7
+
permissions:
8
+
contents: read
9
+
pages: write
10
+
id-token: write
11
+
concurrency:
12
+
group: pages
13
+
cancel-in-progress: false
14
+
jobs:
15
+
deploy:
16
+
environment:
17
+
name: github-pages
18
+
url: ${{ steps.deployment.outputs.page_url }}
19
+
runs-on: ubuntu-latest
20
+
steps:
21
+
- uses: actions/checkout@v6
22
+
- uses: actions/upload-pages-artifact@v5
23
+
with:
24
+
path: .
25
+
- id: deployment
26
+
uses: actions/deploy-pages@v5
+1
-1
README.ja.md
+1
-1
README.ja.md
···
12
12
- **クラスレス** - 素のHTMLがそのまま整う。スタイルは `:root` のCSS変数を上書きするだけで差し替え可能（1ファイル・依存関係ゼロ）
13
13
- **CJK対応** - `text-autospace` でCJK・欧文間スペースを、`text-spacing-trim` で約物の余白を自動調整
14
14
15
-
実際の表示は [`preview.ja.html`](./preview.ja.html) をブラウザで開くと確認できます。
15
+
実際の表示は[プレビュー](https://kou029w.github.io/css/preview.ja.html)で確認できます。
16
16
17
17
## Usage
18
18
+1
-1
README.md
+1
-1
README.md
···
12
12
- **Classless** - Plain HTML is styled as-is. Themes can be swapped simply by overriding the CSS variables on `:root` (single file, zero dependencies)
13
13
- **CJK support** - `text-autospace` adjusts spacing between CJK and Latin characters, and `text-spacing-trim` handles the spacing around punctuation automatically
14
14
15
-
To see it in action, open [`preview.html`](./preview.html) in your browser.
15
+
To see it in action, view the [preview](https://kou029w.github.io/css/preview.html).
16
16
17
17
## Usage
18
18