Fixes #3383 ('Variables' sections on docs page) (#3513)

* Enable custom names for 'Variables' sections

* add gap between consecutive 'Variables' sections

diff --git a/docs/_includes/components/variables.html b/docs/_includes/components/variables.html
index 51684ba3448d0cefdea26c331e5f5d6eaf66557e..131a063fe58d6bd02fa68b676ddae6a02c3fd9be 100644 (file)
--- 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 759040edaee532fc185da24a3c9b160d01913529..51321bd0c35b65ddeef039757a5773d51a085a62 100644 (file)
--- 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;