2022年09月14日(水)

CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」

• 0
• 6
• 2
• 5

Open Props

Open PropsはCSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワークです。

Google Chormeの開発に関わっている方が開発されたみたいでMITライセンスの元でソースコードが公開されています。

ユーティリティファーストな設計となっていますが、classではなく、ユーティリティ変数で構成されています。

@import "https://unpkg.com/open-props"; .block-wrap { display: flex; flex-wrap: wrap; flex-basis: var(--size-content-2); gap: var(--size-5) var(--size-8); align-items: flex-start; } Ads ...