update styles and markup to test paragraph--button spacing issue

middlebury · Nov 15, 2024 · d3806e3 · d3806e3
1 parent 291eb7f
commit d3806e3
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/src/scss/_paragraphs.scss b/src/scss/_paragraphs.scss
@@ -239,7 +239,10 @@
 
 .paragraph--button {
   margin-bottom: $spacing-7;
-  margin-right: $spacing-4;
+
+  .button:not(:last-child) {
+    margin-right: $spacing-4;
+  }
 
   @include breakpoint(md) {
     margin-bottom: $spacing-8;

diff --git a/src/templates/paragraphs/button.twig b/src/templates/paragraphs/button.twig
@@ -1 +1,5 @@
-<a href="" class="paragraph--button button button--primary">Do something awesome</a>
+<div class="paragraph--button">
+  {% for i in 0..n-1 %}
+    <a href="" class="button button--primary">Do something awesome</a>
+  {% endfor %}
+</div>
diff --git a/src/templates/partials/basic-content.twig b/src/templates/partials/basic-content.twig
@@ -90,9 +90,13 @@
 
 	{% include 'paragraphs/text.twig' %}
 
-	{% include 'paragraphs/button.twig' %}
+	{% include 'paragraphs/button.twig' with { 
+    n: 2
+  }%}
 
-	{% include 'paragraphs/button.twig' %}
+	{# {% include 'paragraphs/button.twig' %} #}
+
+   {% include 'paragraphs/two-col-text.twig' %}
 
 	{% include 'paragraphs/text-short.twig' %}