From 8f13d7c7a24293a1e3cf9cbe639480205def2788 Mon Sep 17 00:00:00 2001
From: avt613 <47078235+avt613@users.noreply.github.com>
Date: Tue, 26 Apr 2022 14:40:29 +0100
Subject: [PATCH] Fixes #3383 ('Variables' sections on docs page) (#3513)

* Enable custom names for 'Variables' sections

* add gap between consecutive 'Variables' sections
---
 docs/_includes/components/variables.html | 2 +-
 docs/_sass/components/variables.scss     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/_includes/components/variables.html b/docs/_includes/components/variables.html
index 51684ba344..131a063fe5 100644
--- a/docs/_includes/components/variables.html
+++ b/docs/_includes/components/variables.html
@@ -15,7 +15,7 @@
 
 {% if variables_size != '0' or variables_keys_size != '0' %}
   <div class="bd-vars">
-    {% include elements/anchor.html name="Variables" %}
+    {% include elements/anchor.html name=anchor_name %}
 
     <div class="bd-var bd-is-head">
       <div class="bd-var-name">
diff --git a/docs/_sass/components/variables.scss b/docs/_sass/components/variables.scss
index 759040edae..51321bd0c3 100644
--- a/docs/_sass/components/variables.scss
+++ b/docs/_sass/components/variables.scss
@@ -16,6 +16,10 @@
   }
 }
 
+.bd-vars + .bd-vars {
+  margin-top: var(--docs-inner);
+}
+
 .bd-var {
   display: flex;
   flex-wrap: wrap;