From b96dfab1684aeff8f8f324cfe3840c1678f85371 Mon Sep 17 00:00:00 2001
From: Chris Buckley <chris@cmbuckley.co.uk>
Date: Mon, 31 Oct 2022 15:20:21 +0000
Subject: [PATCH] Support .grid + small in forms

---
 scss/content/_form.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/scss/content/_form.scss b/scss/content/_form.scss
index 1c6c9e3e..1dda8f30 100644
--- a/scss/content/_form.scss
+++ b/scss/content/_form.scss
@@ -220,7 +220,7 @@ textarea[disabled],
         padding-inline-end: calc(
           var(--form-element-spacing-horizontal) + 1.5rem
         ) !important;
-      } 
+      }
       @else {
         padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
         padding-left: var(--form-element-spacing-horizontal);
@@ -248,7 +248,7 @@ textarea[disabled],
       @if $enable-important {
         --border-color: var(--form-element-valid-active-border-color) !important;
         --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
-      } 
+      }
       @else {
         --border-color: var(--form-element-valid-active-border-color);
         --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);
@@ -263,7 +263,7 @@ textarea[disabled],
       @if $enable-important {
         --border-color: var(--form-element-invalid-active-border-color) !important;
         --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
-      } 
+      }
       @else {
         --border-color: var(--form-element-invalid-active-border-color);
         --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);
@@ -328,7 +328,13 @@ select {
 }
 
 // Helper
-:where(input, select, textarea) {
+$inputs: "input, select, textarea";
+
+@if ($enable-classes and $enable-grid) {
+  $inputs: $inputs + ", .grid";
+}
+
+:where(#{$inputs}) {
   + small {
     display: block;
     width: 100%;