Comparison table / Shared CSS and settings

These are the CSS and project settings shared by all pages of this example. The CSS extends the product’s business preset. Use them together with the individual page sources.

Back to example overview

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-en",
  "entry": "document.md",
  "document": {
    "mode": "paged",
    "lang": "en-US",
    "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"
    }
  }
}