njk-tool 0.0.14 → 0.0.16

package/dist/bundle/app.min.js

@@ -13464,79 +13464,57 @@ 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);
+font-size: 2.5rem
 }
-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);
+font-size: 2rem
 }
-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);
+font-size: 1rem
 }
-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;
 }
@@ -13622,7 +13600,7 @@ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 .code-block pre {
 margin: 0;
 padding: 1rem;
-background-color: #f5f5f5;
+background-color: silver;
 font-family: 'Courier New', monospace;
 font-size: 14px;
 line-height: 1.5;
@@ -13681,6 +13659,19 @@ margin: 0;
 padding: 0;
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 }
+/* PC端样式 */
+@media (min-width: 900px) {
+.email-main-container {
+width: 40rem;
+border: solid 1px silver
+}
+}
+/* 移动端样式 */
+@media (min-width: 1304px) {
+.email-main-container {
+width: 80rem;
+}
+}
 a {
 text-decoration: none;
 }
@@ -13689,9 +13680,15 @@ color: #409EFF;
 }
 .email-main-container {
 margin: 0;
-min-width: 1000px;
+/* min-width: 1000px; */
 padding: 0 5rem;
 }
+:root {
+--njk-title-color: #606266;
+--njk-title-align: left;
+--njk-title-position: relative;
+--njk-title-margin: 36px 0 20px;
+}
 /* END-Base.css */
 </style>`;
 
@@ -13799,22 +13796,22 @@ 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 %}
@@ -14052,7 +14049,7 @@ display: block;
 {% endif %}
 {% endmacro %}
 <body style="margin: 0; padding: 0;">
-<div class="email-main-container" style="margin: 0 auto; padding: 0 3rem;box-sizing: border-box; max-width: 1000px;">
+<div class="email-main-container" style="margin: 0 auto; padding: 0 3rem;box-sizing: border-box">
 {{ use_component(ctx) }}
 </div>
 </body>