エクスペリメンタル: cssをno bundleで読み込む

[monoharada]

概要

• src内のcssファイルをbundleせず全て_global.tsxへlinkタグで挿入する

• 単一のcssについてui.css内にある

  .button {
  @layer ui.base {
  padding: calc(var(--line-height) / 4 * 1em) var(--font-size);
  border: 1px solid #fff;
  border-radius: var(--buton-border-radius);
  background-color: #000;
  color: #fff;
  font-size: var(--font-size);
  line-height: var(--line-height);
  }
  
  @layer ui.state {
  transition: filter 0.2s ease-in-out;
  
  @media (hover: hover) {
    &:hover {
      filter: invert(100%);
    }
  }
  }
  }

  などを参考にcssファイルの書き方を提供する。

• no bundle,モダンcssについてドキュメンテーションする

[github-actions[bot]]

新しいブランチ feature_issue-50 が作成されました。 Checkout with GitHub CLI:

gh pr checkout 51