refactor(css): use gap-4 (24px), gap-md-3 (16px); bump up 15px to 16px

cal-itp · Dec 5, 2024 · 8d215cd · 8d215cd
1 parent d05fe77
commit 8d215cd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 12 deletions.
diff --git a/benefits/core/templates/core/widgets/flow-radio-select.html b/benefits/core/templates/core/widgets/flow-radio-select.html
@@ -13,7 +13,7 @@
           {% endif %}
 
           {% for option in options %}
-            <div class="radio-input-group d-flex pt-4">{% include option.template_name with widget=option %}</div>
+            <div class="radio-input-group gap-4 gap-md-3 d-flex pt-4">{% include option.template_name with widget=option %}</div>
           {% endfor %}
 
           {% if group %}

diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css
@@ -556,23 +556,12 @@ footer .footer-links li a.footer-link:visited {
 :root {
   --radio-button-size: calc(24rem / 16);
   --radio-input-color: var(--standout-color);
-  --radio-input-gap: calc(24rem / 16);
-}
-
-@media (min-width: 992px) {
-  :root {
-    --radio-input-gap: calc(15rem / 16);
-  }
 }
 
 .radio-label {
   cursor: pointer;
 }
 
-.radio-input-group {
-  gap: var(--radio-input-gap);
-}
-
 .radio-input {
   cursor: pointer;
   -webkit-appearance: none;