💄 🐛 Fixed end of post line display tip.

assets/css/_common/components/post/post-footer.scss

@@ -15,10 +15,9 @@
   margin: 24px 0 12px 0;
 
   &:after{
-    content: $post_end_line_tip;
     font-size: .9em;
     font-weight: bold;
-    background: #fff;
+    background: var(--content-bg-color);
     padding: 0 5px;
     z-index:2;
   }

assets/css/main.scss

@@ -79,7 +79,6 @@ $motion_trans_post_header: {{ $P.motion.transition.postHeader }};
 $post_edit_enable: {{ $P.postEdit.enable }};
 $post_meta_item_text: {{ $P.postMeta.itemText }};
 $reward_settings_animation: {{ $P.rewardSets.animation }};
-$post_end_line_tip: "{{ $P.postFooter.endLineTip }}";
 $post_end_tag_icon: {{ $P.postFooter.tagIcon }};
 
 // TODO find the paramters

exampleSite/config.yaml

@@ -71,6 +71,8 @@ languages:
       linksSets:
         icon: fa fa-globe
         title: Friends
+      postFooter:
+        endLineTip: "~ End of this post ~"
 
 #--------------------------------------
 # Menus Settings

layouts/partials/head/style.html

@@ -23,3 +23,8 @@
 {{- $css := $scss | toCSS (dict "targetPath" "/css/main.css" "outputStyle" "expanded") }}
   <link rel="stylesheet" href="{{ $css.RelPermalink }}">
   <link rel="stylesheet" href="/css/hover.css">
+  <style type="text/css">
+    .post-footer hr:after {
+      content: "{{ .Site.Params.postFooter.endLineTip }}";
+    }
+  </style>