Use <hr> instead of adding border-top to Migration headings

bevyengine · Dec 5, 2024 · 4a02851 · 4a02851
1 parent 289aea0
commit 4a02851
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss
@@ -19,9 +19,18 @@
   }
 
   h3 {
-    margin-block: 2rem .5rem;
-    padding-top: 2rem;
-    border-top: solid rgba(#fff, 0.05) 1px;
+    margin-block: 2rem 0.5rem;
+  }
+
+  hr {
+    $color: rgba(#fff, 0.05);
+
+    height: 1px;
+    color: $color;
+    background: $color;
+    font-size: 0;
+    border: 0;
+    margin-block: 2rem;
   }
 }
 

diff --git a/templates/shortcodes/migration_guides.md b/templates/shortcodes/migration_guides.md
@@ -23,6 +23,8 @@
 ## {{ area_name }}
 {% endif %}
 
+{% if not area_changed %}<hr>{% endif %}
+
 ### {{ guide.title }}
 
 <ul class="migration-guide-meta">
@@ -37,4 +39,5 @@
 {{ guide_body }}
 
 {% endfor %}
+
 </div>