Djangoの各プロジェクトでは先に作成した他のプロジェクトのcssをコピペして使っている。
cssはいろいろな設定を一塊にして名前をつけて使うのが普通。
h1とかh2とか。
でも、個々のdivごとに複数の設定をして登録するのは効率が悪い。
それにそれでは、他のプロジェクトでの利用が却って困難になってしまう。
なので、細かく登録して組み合わせることにしてみた。
フォントカラーならfc、背景ならbcという接頭辞をつけて、fcred,fcblueとかbcred,bcblueとか。
マージンだと、ml2はmargin-left:2rem;
パッディングも同様でpr1はpadding-right:1rem;
ボーダーはbt1だとborder-top:1px solid silver;
最もよく使うのが、display:inline-block;
これはilblockと名付けた。
フォントサイズはfsでfs14だと1.4rem。
fs14psだと、PCの場合は1.4remでスマホだと1remとか。
要するに、勝手に自分で決めたルール。
これは、積み重ねなので、他のプロジェクトのcssをパクることは必須。
使い方はtailwindみたいな感じ。（というかDjangoでのtailwindの導入がうまくできなかったからこうなった）
<div class=”ilblock fs12 fcred bcblue bt1 bl1″> と必要に応じて羅列する。
カッコ悪いかもしれないけど、これが案外楽。🙂
