比較表 / 共通CSSと設定

この作例の全ページに共通するCSSとプロジェクト設定です。CSSは製品のbusinessプリセットを拡張します。個別ページのソースと組み合わせて使います。

作例一覧へ戻る

design/theme.css

/* Original table layout, business preset. */
:root{--accent:#174d49;--background:#fffdf9;--text:#172d38;}
.ps-mode-paged{font-size:11pt;line-height:1.6;}.ps-mode-paged .ps-fixed>.ps-body{padding:18mm 15mm;}h1{font-size:27pt;}h2{font-size:15pt;}
.comparison-table{font-size:8.5pt;line-height:1.45;width:100%;}th{background:#174d49;color:white;}td,th{padding:7pt 4pt;border-color:#d3ddd6;}td:nth-child(n+3),th:nth-child(n+3){text-align:right;white-space:nowrap;}tbody tr:nth-child(even){background:#edf3ef;}tbody tr:nth-child(4),tbody tr:nth-child(8){font-weight:700;border-top:1pt solid #8aada1;}tbody tr:last-child{font-weight:700;background:#dce9e1;border-top:2pt solid #174d49;}blockquote{font-size:10pt;background:#edf3ef;padding:10pt;}

.wworpoint/project.json

{
  "schemaVersion": 1,
  "name": "table-ja",
  "entry": "document.md",
  "document": {
    "mode": "paged",
    "lang": "ja-JP",
    "defaultPage": {
      "size": "A4",
      "orientation": "portrait"
    }
  },
  "theme": {
    "preset": "business",
    "entry": "design/theme.css"
  },
  "output": {
    "directory": "dist",
    "formats": [
      "pdf"
    ]
  },
  "security": {
    "html": "none",
    "sharedAssetRoots": []
  },
  "data": {
    "comparison": {
      "path": "data/comparison.csv",
      "encoding": "utf-8"
    }
  }
}