Precise business / 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 showcase CSS; extends business preset. */
:root{--accent:#174d49;--text:#263b35;--muted:#607168;--background:#fffdf9;}
.ps-mode-paged{font-size:11pt;line-height:1.65;}.ps-mode-paged .ps-fixed>.ps-body{padding:20mm 20mm;}
h1{font-size:27pt;border-bottom:3pt solid #174d49;padding-bottom:12pt;}h2{font-size:14pt;text-transform:uppercase;letter-spacing:.08em;}table{font-size:10pt;}th{background:#174d49;color:white;}td,th{padding:8pt;border-color:#c9d7d1;}blockquote{border-left:3pt solid #174d49;background:#eef4ef;padding:12pt;}

.illustration-panel img{width:100%;max-height:60mm;object-fit:contain;}.illustration-panel figcaption{font-size:9pt;line-height:1.4;}

.wworpoint/project.json

{
  "schemaVersion": 1,
  "name": "design-business-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": []
  }
}