njk-tool 0.0.18 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/app.min.cjs +45 -21
- package/dist/bundle/app.min.cjs.map +1 -1
- package/dist/bundle/app.min.js +45 -21
- package/dist/bundle/app.min.js.map +1 -1
- package/package.json +1 -1
package/dist/bundle/app.min.js
CHANGED
|
@@ -13464,37 +13464,47 @@ font-size: 0.9rem;
|
|
|
13464
13464
|
/* END-Text.css */
|
|
13465
13465
|
/* Title.css */
|
|
13466
13466
|
.title-base {
|
|
13467
|
+
--align: left;
|
|
13468
|
+
--text-color: #606266;
|
|
13467
13469
|
--font-weight: 800;
|
|
13468
13470
|
--font-size: 18px;
|
|
13469
|
-
color: var(--
|
|
13470
|
-
text-align: var(--
|
|
13471
|
+
color: var(--text-color);
|
|
13472
|
+
text-align: var(--align);
|
|
13471
13473
|
font-weight: var(--font-weight);
|
|
13472
13474
|
font-size: var(--font-size);
|
|
13473
13475
|
padding: 8px 30px;
|
|
13474
13476
|
}
|
|
13475
13477
|
.njk-title-h1 {
|
|
13478
|
+
--align: left;
|
|
13479
|
+
--text-color: #606266;
|
|
13480
|
+
--margin: 40px 0 20px;
|
|
13481
|
+
position: relative;
|
|
13482
|
+
font-size: 28px;
|
|
13476
13483
|
padding: 0 0 4.8px;
|
|
13477
|
-
|
|
13478
|
-
|
|
13479
|
-
|
|
13480
|
-
text-align: var(--njk-title-align);
|
|
13481
|
-
font-size: 32px
|
|
13484
|
+
margin: var(--margin);
|
|
13485
|
+
color: var(--text-color);
|
|
13486
|
+
text-align: var(--align);
|
|
13482
13487
|
}
|
|
13483
13488
|
.njk-title-h2 {
|
|
13489
|
+
--align: left;
|
|
13490
|
+
--text-color: #606266;
|
|
13491
|
+
--margin: 40px 0 20px;
|
|
13492
|
+
position: relative;
|
|
13493
|
+
font-size: 26.4px;
|
|
13484
13494
|
padding: 0 0 4.8px;
|
|
13485
|
-
|
|
13486
|
-
|
|
13487
|
-
|
|
13488
|
-
text-align: var(--njk-title-align);
|
|
13489
|
-
font-size: 26.4
|
|
13495
|
+
margin: var(--margin);
|
|
13496
|
+
color: var(--text-color);
|
|
13497
|
+
text-align: var(--align);
|
|
13490
13498
|
}
|
|
13491
|
-
.njk-title-h3
|
|
13499
|
+
.njk-title-h3{
|
|
13500
|
+
--align: left;
|
|
13501
|
+
--text-color: #606266;
|
|
13502
|
+
--margin: 40px 0 20px;
|
|
13503
|
+
position: relative;
|
|
13492
13504
|
padding: 0 0 4.8px;
|
|
13493
|
-
margin: var(--
|
|
13494
|
-
position: var(--njk-title-position);
|
|
13505
|
+
margin: var(--margin);
|
|
13495
13506
|
color: var(--text-color);
|
|
13496
|
-
text-align: var(--
|
|
13497
|
-
font-size: 20px
|
|
13507
|
+
text-align: var(--align);
|
|
13498
13508
|
}
|
|
13499
13509
|
.njk-title-h2::before,
|
|
13500
13510
|
.njk-title-h1::before {
|
|
@@ -13515,6 +13525,18 @@ top: 5px;
|
|
|
13515
13525
|
.njk-title-h2:hover::before {
|
|
13516
13526
|
display: inline-block;
|
|
13517
13527
|
}
|
|
13528
|
+
.title-main {
|
|
13529
|
+
--align: left;
|
|
13530
|
+
--text-color: black;
|
|
13531
|
+
--font-weight: 800;
|
|
13532
|
+
--font-size: 28px;
|
|
13533
|
+
color: var(--text-color);
|
|
13534
|
+
text-align: var(--align);
|
|
13535
|
+
font-weight: var(--font-weight);
|
|
13536
|
+
font-size: var(--font-size);
|
|
13537
|
+
padding: 8px 30px;
|
|
13538
|
+
margin-bottom: 20px;
|
|
13539
|
+
}
|
|
13518
13540
|
.title-center {
|
|
13519
13541
|
text-align: center;
|
|
13520
13542
|
}
|
|
@@ -13806,7 +13828,6 @@ padding: 6px 16px;
|
|
|
13806
13828
|
{% macro use_title(ctx) %}
|
|
13807
13829
|
{% if ctx.type == "h1" %}
|
|
13808
13830
|
{{ title_h1(ctx) }}
|
|
13809
|
-
{{ title_h1(ctx) }}
|
|
13810
13831
|
{% elif ctx.type == "h2" %}
|
|
13811
13832
|
{{ title_h2(ctx) }}
|
|
13812
13833
|
{% elif ctx.type == "h3" %}
|
|
@@ -13998,6 +14019,9 @@ display: block;
|
|
|
13998
14019
|
{% endmacro %}
|
|
13999
14020
|
<!-- /ContentTitle.njk -->
|
|
14000
14021
|
<!-- Component.njk -->
|
|
14022
|
+
{% macro set_width(ctx) %}
|
|
14023
|
+
<div style="width:{{ ctx.width }};display:block;height:1px;background: transparent;;"></div>
|
|
14024
|
+
{% endmacro %}
|
|
14001
14025
|
{% macro pick_component(ctx) %}
|
|
14002
14026
|
{% if ctx.tag == "head" %}
|
|
14003
14027
|
{{ use_head(ctx) }}
|
|
@@ -14021,6 +14045,8 @@ display: block;
|
|
|
14021
14045
|
{{ use_divider(ctx) }}
|
|
14022
14046
|
{% elif ctx.tag == "tag" %}
|
|
14023
14047
|
{{ use_tag(ctx) }}
|
|
14048
|
+
{% elif ctx.tag == "width" %}
|
|
14049
|
+
{{ set_width(ctx) }}
|
|
14024
14050
|
{% elif ctx.tag == "title_content" %}
|
|
14025
14051
|
{{ use_content_title(ctx) }}
|
|
14026
14052
|
{% else %}
|
|
@@ -14036,10 +14062,8 @@ display: block;
|
|
|
14036
14062
|
{% endfor %}
|
|
14037
14063
|
{% endif %}
|
|
14038
14064
|
{% endmacro %}
|
|
14039
|
-
<body style="margin: 0; padding: 0;
|
|
14040
|
-
<div class="email-main-container" style="margin: 0 auto; padding: 0 3rem;box-sizing: border-box;width:1500px;">
|
|
14065
|
+
<body style="margin: 0; padding: 0;">
|
|
14041
14066
|
{{ use_component(ctx) }}
|
|
14042
|
-
</div>
|
|
14043
14067
|
</body>
|
|
14044
14068
|
<!-- /Component.njk -->
|
|
14045
14069
|
<!-- Text.njk -->
|