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.
@@ -13467,37 +13467,47 @@ font-size: 0.9rem;
13467
13467
  /* END-Text.css */
13468
13468
  /* Title.css */
13469
13469
  .title-base {
13470
+ --align: left;
13471
+ --text-color: #606266;
13470
13472
  --font-weight: 800;
13471
13473
  --font-size: 18px;
13472
- color: var(--njk-title-color);
13473
- text-align: var(--njk-title-align);
13474
+ color: var(--text-color);
13475
+ text-align: var(--align);
13474
13476
  font-weight: var(--font-weight);
13475
13477
  font-size: var(--font-size);
13476
13478
  padding: 8px 30px;
13477
13479
  }
13478
13480
  .njk-title-h1 {
13481
+ --align: left;
13482
+ --text-color: #606266;
13483
+ --margin: 40px 0 20px;
13484
+ position: relative;
13485
+ font-size: 28px;
13479
13486
  padding: 0 0 4.8px;
13480
- position: var(--njk-title-position);
13481
- margin: var(--njk-title-margin);
13482
- color: var(--njk-title-color);
13483
- text-align: var(--njk-title-align);
13484
- font-size: 32px
13487
+ margin: var(--margin);
13488
+ color: var(--text-color);
13489
+ text-align: var(--align);
13485
13490
  }
13486
13491
  .njk-title-h2 {
13492
+ --align: left;
13493
+ --text-color: #606266;
13494
+ --margin: 40px 0 20px;
13495
+ position: relative;
13496
+ font-size: 26.4px;
13487
13497
  padding: 0 0 4.8px;
13488
- position: var(--njk-title-position);
13489
- margin: var(--njk-title-margin);
13490
- color: var(--njk-title-color);
13491
- text-align: var(--njk-title-align);
13492
- font-size: 26.4
13498
+ margin: var(--margin);
13499
+ color: var(--text-color);
13500
+ text-align: var(--align);
13493
13501
  }
13494
- .njk-title-h3 {
13502
+ .njk-title-h3{
13503
+ --align: left;
13504
+ --text-color: #606266;
13505
+ --margin: 40px 0 20px;
13506
+ position: relative;
13495
13507
  padding: 0 0 4.8px;
13496
- margin: var(--njk-title-margin);
13497
- position: var(--njk-title-position);
13508
+ margin: var(--margin);
13498
13509
  color: var(--text-color);
13499
- text-align: var(--njk-title-align);
13500
- font-size: 20px
13510
+ text-align: var(--align);
13501
13511
  }
13502
13512
  .njk-title-h2::before,
13503
13513
  .njk-title-h1::before {
@@ -13518,6 +13528,18 @@ top: 5px;
13518
13528
  .njk-title-h2:hover::before {
13519
13529
  display: inline-block;
13520
13530
  }
13531
+ .title-main {
13532
+ --align: left;
13533
+ --text-color: black;
13534
+ --font-weight: 800;
13535
+ --font-size: 28px;
13536
+ color: var(--text-color);
13537
+ text-align: var(--align);
13538
+ font-weight: var(--font-weight);
13539
+ font-size: var(--font-size);
13540
+ padding: 8px 30px;
13541
+ margin-bottom: 20px;
13542
+ }
13521
13543
  .title-center {
13522
13544
  text-align: center;
13523
13545
  }
@@ -13809,7 +13831,6 @@ padding: 6px 16px;
13809
13831
  {% macro use_title(ctx) %}
13810
13832
  {% if ctx.type == "h1" %}
13811
13833
  {{ title_h1(ctx) }}
13812
- {{ title_h1(ctx) }}
13813
13834
  {% elif ctx.type == "h2" %}
13814
13835
  {{ title_h2(ctx) }}
13815
13836
  {% elif ctx.type == "h3" %}
@@ -14001,6 +14022,9 @@ display: block;
14001
14022
  {% endmacro %}
14002
14023
  <!-- /ContentTitle.njk -->
14003
14024
  <!-- Component.njk -->
14025
+ {% macro set_width(ctx) %}
14026
+ <div style="width:{{ ctx.width }};display:block;height:1px;background: transparent;;"></div>
14027
+ {% endmacro %}
14004
14028
  {% macro pick_component(ctx) %}
14005
14029
  {% if ctx.tag == "head" %}
14006
14030
  {{ use_head(ctx) }}
@@ -14024,6 +14048,8 @@ display: block;
14024
14048
  {{ use_divider(ctx) }}
14025
14049
  {% elif ctx.tag == "tag" %}
14026
14050
  {{ use_tag(ctx) }}
14051
+ {% elif ctx.tag == "width" %}
14052
+ {{ set_width(ctx) }}
14027
14053
  {% elif ctx.tag == "title_content" %}
14028
14054
  {{ use_content_title(ctx) }}
14029
14055
  {% else %}
@@ -14039,10 +14065,8 @@ display: block;
14039
14065
  {% endfor %}
14040
14066
  {% endif %}
14041
14067
  {% endmacro %}
14042
- <body style="margin: 0; padding: 0;overflow: auto;">
14043
- <div class="email-main-container" style="margin: 0 auto; padding: 0 3rem;box-sizing: border-box;width:1500px;">
14068
+ <body style="margin: 0; padding: 0;">
14044
14069
  {{ use_component(ctx) }}
14045
- </div>
14046
14070
  </body>
14047
14071
  <!-- /Component.njk -->
14048
14072
  <!-- Text.njk -->