Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。
元ネタは、下記ポストより。 Use CSS relative color syntax to darken/lighten colors for borders, backgrounds, etc. .success { --c: green; } aside ...
ショートハンドの書き方。 ショートハンドとは、複数のプロパティを一括指定する方法。 ショートハンドの方が、コード行数を少なくできるので通信量が減り、速度が早くなる。 ・background-color 「background」の中に「color」プロパティが入っているイメージ。
/* * * CSS file * * */ :root { --base-color: #002844; --bg-line-color: white; --pattern-size: 4em 3.464em; /* width : height = 1 : 0.866 */ } html, body { margin: 0 ...
A simple div with a Tailwind CSS class for background color doesn't display the intended background. This can happen due to various reasons like conflicting styles, incorrect class application, or ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する