vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.

テクノロジーカテゴリーの変更を依頼記事元:

vanilla-extract.style

57 usersがブックマークコメント

5

記事へのコメント5件

注目コメント
新着コメント

mumei-0 “Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.”

2023/05/28 リンク

yuya_presto TypeScriptでstaticなCSSを生成できるらしいCSS-in-JS

2022/06/25 リンク

jay-es ビルドすると静的 CSS ファイルが出力されるタイプの CSS-in-JS。スタイルは `.css.ts` ファイルに記述する

2021/06/01 リンク

efcl TypeScriptでスタイルをJSとして`.css.ts`に書いて`class`属性に指定したものをコンパイルすると、CSSファイルを生成するフレームワークに依存しないツールキット。ビルド時に静的に展開されるAPIと実行時に動作するDynamic API、we

2021/05/28 リンク

takaya1992 試してみたい

2021/05/16 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.

import { createTheme, style } from '@vanilla-extract/css'; export const [themeClass, vars] = crea... import { createTheme, style } from '@vanilla-extract/css'; export const [themeClass, vars] = createTheme({ color: { brand: 'blue', white: '#fff' }, space: { small: '4px', medium: '8px', } }); export const hero = style({ backgroundColor: vars.color.brandd, color: vars.color.white, padding: vars.space.large });