theme.jsonにおけるテーブルのスタイルの書き方が分からない
theme.jsonにおけるテーブルのスタイルの書き方が分からない
これは実現不可能。
単一ブロックに複数のスタイルを適用しようと試みる例を通じてそれはできないということを紹介している。
いつかできるようになった時のために少し楽できそうなテンプレートを用意しておく。
code:theme.json
"th": {
"paddingBottom": "0.85em",
"paddingTop": "0.85em"
},
"thead": {
"backgroundColor": "var(--theme-color-blue)",
"border": "none",
"color": "var(--theme-color-white)"
},
"tbody": {
"tr": {
"borderColor": "var(--theme-color-white)",
"borderStyle": "solid",
"borderWidth": "0 0 1px 0",
"lineHeight": 1.75
}
},
"td, th": {
"border": "none",
"paddingBottom": "0.85em",
"paddingTop": "0.85em"
}