njk-tool 0.0.13 → 0.0.15

package/dist/bundle/app.min.js

@@ -13464,79 +13464,54 @@ font-size: 0.9rem;
 /* END-Text.css */
 /* Title.css */
 .title-base {
---align: left;
---text-color: black;
 --font-weight: 800;
 --font-size: 18px;
-color: var(--text-color);
-text-align: var(--align);
+color: var(--njk-title-color);
+text-align: var(--njk-title-align);
 font-weight: var(--font-weight);
 font-size: var(--font-size);
 padding: 8px 30px;
 }
-h1 {
---align: left;
---text-color: #606266;
---margin: 36px 0 20px;
-position: relative;
-font-size: 35.2px;
+.njk-title-h1 {
 padding: 0 0 4.8px;
-margin: var(--margin);
-color: var(--text-color);
-text-align: var(--align);
+position: var(--njk-title-position);
+margin: var(--njk-title-margin);
+color: var(--njk-title-color);
+text-align: var(--njk-title-align);
 }
-h2 {
---align: left;
---text-color: #606266;
---margin: 36px 0 20px;
-position: relative;
-font-size: 26.4px;
+.njk-title-h2 {
 padding: 0 0 4.8px;
-margin: var(--margin);
-color: var(--text-color);
-text-align: var(--align);
+position: var(--njk-title-position);
+margin: var(--njk-title-margin);
+color: var(--njk-title-color);
+text-align: var(--njk-title-align);
 }
-h3{
---align: left;
---text-color: #606266;
---margin: 36px 0 20px;
-position: relative;
+.njk-title-h3 {
 padding: 0 0 4.8px;
-margin: var(--margin);
+margin: var(--njk-title-margin);
+position: var(--njk-title-position);
 color: var(--text-color);
-text-align: var(--align);
+text-align: var(--njk-title-align);
 }
-h2::before,
-h1::before {
+.njk-title-h2::before,
+.njk-title-h1::before {
 display: none;
 position: absolute;
 content: "#";
 color: #007bff;
 }
-h1::before {
+.njk-title-h1::before {
 left: -26px;
 top: 5px;
 }
-h2::before {
+.njk-title-h2::before {
 left: -18px;
 top: 5px;
 }
-h1:hover::before,
-h2:hover::before {
+.njk-title-h1:hover::before,
+.njk-title-h2:hover::before {
 display: inline-block;
 }
-.title-main {
---align: left;
---text-color: black;
---font-weight: 800;
---font-size: 28px;
-color: var(--text-color);
-text-align: var(--align);
-font-weight: var(--font-weight);
-font-size: var(--font-size);
-padding: 8px 30px;
-margin-bottom: 20px;
-}
 .title-center {
 text-align: center;
 }
@@ -13573,33 +13548,8 @@ background-color: #fff2f0;
 border-left: 4px solid #f5222d;
 }
 /* END-Notice.css */
-/* Block.css */
-/* Block.njk */
-.code-block {
---block-margin: 0px
-margin: var(--block-margin) 0;
-border-radius: 4px;
-overflow: hidden;
-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-.code-block pre {
-margin: 0;
-padding: 1rem;
-background-color: #f5f5f5;
-font-family: 'Courier New', monospace;
-font-size: 14px;
-line-height: 1.5;
-white-space: pre-wrap;
-}
-.code-block code {
-display: block;
-overflow-x: auto;
-}
-/* END-Block.css */
-/* Date.css */
-/* END-Date.css */
 /* Table.css */
-.default-table {
+.my-daframe-default {
 margin: 0;
 width: 80%;
 border-collapse: collapse;
@@ -13635,6 +13585,31 @@ color: #444;
 background-color: transparent;
 }
 /* END-Table.css */
+/* Block.css */
+/* Block.njk */
+.code-block {
+--block-margin: 0px
+margin: var(--block-margin) 0;
+border-radius: 4px;
+overflow: hidden;
+box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.code-block pre {
+margin: 0;
+padding: 1rem;
+background-color: #f5f5f5;
+font-family: 'Courier New', monospace;
+font-size: 14px;
+line-height: 1.5;
+white-space: pre-wrap;
+}
+.code-block code {
+display: block;
+overflow-x: auto;
+}
+/* END-Block.css */
+/* Date.css */
+/* END-Date.css */
 /* Tab.css */
 /* Tab 容器 */
 .tab-container {
@@ -13692,6 +13667,12 @@ margin: 0;
 min-width: 1000px;
 padding: 0 5rem;
 }
+:root {
+--njk-title-color-default: #606266;
+--njk-title-align-default: left;
+--njk-title-position: relative;
+--njk-title-margin: 36px 0 20px;
+}
 /* END-Base.css */
 </style>`;
 
@@ -13799,28 +13780,29 @@ padding: 6px 16px;
 <h1 style="text-align: center">{{ ctx.text }}</h1>
 {% endmacro %}
 {% macro title_h1(ctx) %}
-<h1 id="{{ ctx.text }}" style="{{ ctx.style }}">
+<h1 class="njk-title-h1" id="{{ ctx.text }}" style="{{ ctx.style }}">
 {{ ctx.text }}
 </h1>
 {% endmacro %}
 {% macro title_h2(ctx) %}
-<h2 id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
+<h2 class="njk-title-h2" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
 {{ ctx.text }}
 </h2>
 {% endmacro %}
 {% macro title_h3(ctx) %}
-<h3 id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
+<h3 class="njk-title-h3" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
 {{ ctx.text }}
 </h3>
 {% endmacro %}
 {% macro title_table_default(ctx) %}
-<h3 id="{{ ctx.text }}" class="title_table_default" style="{{ ctx.style }}">
+<h3 class="njk-title-h3" id="{{ ctx.text }}" class="title_table_default" style="{{ ctx.style }}">
 {{ ctx.text }}
 </h3>
 {% endmacro %}
 {% macro use_title(ctx) %}
 {% if ctx.type == "h1" %}
 {{ title_h1(ctx) }}
+{{ title_h1(ctx) }}
 {% elif ctx.type == "h2" %}
 {{ title_h2(ctx) }}
 {% elif ctx.type == "h3" %}
@@ -13884,7 +13866,7 @@ padding: 6px 16px;
 {% set title = {text:ctx.title} %}
 {{ title_h2(title) }}
 {% endif %}
-<table class="default-table">
+<table class="my-daframe-default">
 <thead class="thead-light">
 <tr>
 {% for column in columns %}
@@ -14051,7 +14033,7 @@ display: block;
 {% endif %}
 {% endmacro %}
 <body style="margin: 0; padding: 0;">
-<div class="email-main-container" style="margin: 0 auto; padding: 0 3rem; border: solid 1px silver;box-sizing: border-box; max-width: 1000px;">
+<div class="email-main-container" style="margin: 0 auto; padding: 0 3rem;box-sizing: border-box; max-width: 1000px;">
 {{ use_component(ctx) }}
 </div>
 </body>