子供向けイベント企画 / 共通CSSと設定

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

作例一覧へ戻る

design/theme.css

/* Original sample CSS, extends business preset. */
.ps-mode-paged{font-size:11pt;line-height:1.6;}.ps-mode-paged .ps-fixed>.ps-body{padding:18mm 18mm;}
 :root{--accent:#315b80;--text:#243e50;--muted:#526b74;--background:#fffdf5;}h1{font-size:31pt;line-height:1.2;color:#315b80;}h2{font-size:16pt;color:#315b80;border-bottom:3pt solid #e8b648;}table{font-size:10pt;}th{background:#315b80;color:#fff;}td{padding:9pt;border-color:#c8d4cc;}tbody tr:nth-child(even){background:#eef5d9;}blockquote{border:2pt solid #e8b648;border-radius:12pt;background:#fff2b8;padding:12pt;color:#3c4a35;}figure{margin:10pt 0;}

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

.ps-body>p:last-child{background:#fffdf5;padding:5pt 8pt;border-radius:6pt;}ul{background:#fffdf5;padding:8pt 8pt 8pt 22pt;border-radius:8pt;}

.ps-body>p:last-child{font-size:9pt;line-height:1.4;}

.wworpoint/project.json

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