hdoc-tools 0.8.22 → 0.8.24

package/templates/pdf/css/fonts.css

@@ -0,0 +1,221 @@
+/* webfont-marker-begin */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+/* webfont-marker-end */
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-greek.woff2') format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-greek.woff2') format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-cyrillic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-cyrillic-ext.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-greek.woff2') format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-greek-ext.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-latin.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-display: swap;
+  font-style: oblique 0deg 10deg;
+  src: url('../fonts/inter-vietnamese.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}

package/templates/pdf/css/hdocs-pdf.css

@@ -0,0 +1,242 @@
+:root {
+  --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --htl-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
+    Consolas, 'Liberation Mono', 'Courier New', monospace;
+
+
+  --htl-default-font-size: 14px;
+  --htl-small-font-size: 12px;
+  --htl-smallest-font-size: 10px;
+  --htl-big-font-size: 16px;
+  --htl-biggest-font-size: 18px;
+  --htl-massive-font-size: 24px;
+
+}
+
+/**
+ * Component: Custom Block
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --htl-custom-block-code-font-size: var(--htl-default-font-size);
+
+  --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
+  --htl-custom-block-info-text: #171717;
+  --htl-custom-block-info-bg: #d7eaf8;
+  --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
+
+
+  --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
+  --htl-custom-block-tip-text: var(--htl-c-green-darker);
+  --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
+  --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
+
+  --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
+  --htl-custom-block-caution-text: var(--htl-c-yellow-darker);
+  --htl-custom-block-caution-bg: var(--htl-c-yellow-dimm-3);
+  --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
+
+  --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
+  --htl-custom-block-warning-text: var(--htl-c-red-darker);
+  --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
+  --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
+
+  --htl-custom-block-details-border: var(--htl-c-divider-light);
+  --htl-custom-block-details-text: var(--htl-c-text-2);
+  --htl-custom-block-details-bg: var(--htl-c-white-soft);
+  --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
+
+}
+
+
+body {
+  font-family: var(--htl-font-family-base);
+}
+
+p {
+  font-size: var(--htl-default-font-size);
+}
+
+li {
+  font-size: var(--htl-default-font-size);
+}
+
+
+/**
+  * Table
+  * -------------------------------------------------------------------------- */
+
+table {
+  display: block;
+  border-collapse: collapse;
+  margin: 20px 0;
+  font-size: var(--htl-default-font-size);
+  /* sets font-size for table and table rows/td/th etc*/
+}
+
+tr {
+  border-top: 1px solid var(--htl-c-divider);
+  transition: background-color 0.5s;
+}
+
+tr:nth-child(2n) {
+  background-color: var(--htl-c-bg-soft);
+}
+
+th,
+td {
+  border: 1px solid var(--htl-c-divider);
+  padding: 10px 14px;
+  vertical-align: top;
+}
+
+th {
+  font-size: var(--htl-default-font-size);
+  font-weight: 600;
+  background-color: var(--htl-c-white-soft);
+}
+
+.dark th {
+  background-color: var(--htl-c-black);
+}
+
+hr {
+  margin: 16px 0;
+  border: none;
+  border-top: 1px solid var(--htl-c-divider-light);
+}
+
+img,
+svg {
+  display: inline-block;
+}
+
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display:none;
+}
+
+figure {
+  margin: 0;
+}
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+.header {
+  width: 100%;
+  position: relative;
+}
+
+.header img {
+  width: 150px;
+  float: right;
+}
+
+
+.after-bullets li:not(:last-child)::after {
+  content: "•";
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+/* top nav bar */
+.nav-bar-nav-list {
+  margin-left: -39px;
+  margin-top: -20px;
+  align-items: stretch;
+  display: flex;
+  font-size: var(--htl-small-font-size);
+}
+
+.nav-bar-nav-list .nav-bar-item {
+  flex-shrink: 0;
+  align-items: center;
+  display: flex;
+  font-size: var(--htl-small-font-size);
+}
+
+.hdoc-alert {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  padding: 16px 16px 8px;
+  line-height: 24px;
+  font-size: var(--htl-default-font-size);
+  color: var(--htl-c-text-2);
+  margin: 10px 0;
+}
+
+.hdoc-alert p {
+  margin: 8 0;
+}
+
+.hdoc-alert .hdoc-alert-title .bi {
+  margin-right: 5px;
+
+}
+
+.hdoc-alert .hdoc-alert-title {
+  font-weight: 700;
+  margin: 0;
+}
+
+.hdoc-alert.alert-icon-note {
+  border-color: var(--htl-custom-block-details-border);
+  color: var(--htl-custom-block-details-text);
+  background-color: var(--htl-custom-block-details-bg);
+}
+
+.hdoc-alert.alert-icon-note code {
+  background-color: var(--htl-custom-block-details-code-bg);
+}
+
+.hdoc-alert.alert-icon-tip {
+  border-color: var(--htl-custom-block-tip-border);
+  color: var(--htl-custom-block-tip-text);
+  background-color: var(--htl-custom-block-tip-bg);
+}
+
+.hdoc-alert.alert-icon-tip code {
+  background-color: var(--htl-custom-block-tip-code-bg);
+}
+
+.hdoc-alert.alert-icon-important {
+  border-color: var(--htl-custom-block-info-border);
+  color: var(--htl-custom-block-info-text);
+  background-color: var(--htl-custom-block-info-bg);
+
+}
+
+.hdoc-alert.alert-icon-important code {
+  background-color: var(--htl-custom-block-info-code-bg);
+}
+
+.hdoc-alert.alert-icon-caution {
+  border-color: var(--htl-custom-block-caution-border);
+  color: var(--htl-custom-block-caution-text);
+  background-color: var(--htl-custom-block-caution-bg);
+}
+
+.hdoc-alert.alert-icon-caution code {
+  background-color: var(--htl-custom-block-caution-code-bg);
+}
+
+.hdoc-alert.alert-icon-warning {
+  border-color: var(--htl-custom-block-warning-border);
+  color: var(--htl-custom-block-warning-text);
+  background-color: var(--htl-custom-block-warning-bg);
+}
+
+.hdoc-alert.alert-icon-warning code {
+  background-color: var(--htl-custom-block-warning-code-bg);
+}