From 81a4753afddc5ecc689cc026f85670a0516e1674 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Mon, 29 Apr 2024 13:17:18 +0100
Subject: [PATCH] Fix #3760

---
 CHANGELOG.md                                     |  1 +
 docs/documentation/sass/form-control-mixins.html | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1d303963..b73a980f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,7 @@
 - Fix #3729: explain how to use Bulma in a modular way
 - Fix #3785: make use of the `@prefers-reduced-motion` setting
 - Fix #3758: broken links for `0.9.4` version
+- Fix #3760: fix form controls typo
  
 ### Improvements
 
diff --git a/docs/documentation/sass/form-control-mixins.html b/docs/documentation/sass/form-control-mixins.html
index 69255961..da7c57dd 100644
--- a/docs/documentation/sass/form-control-mixins.html
+++ b/docs/documentation/sass/form-control-mixins.html
@@ -69,28 +69,28 @@ breadcrumb:
 
   <ul>
     <li>
-      {% include docs/elements/snippet-inline.html content="@include control-small;" %} with a font size <code>$size-small</code>
+      {% include docs/elements/snippet-inline.html content="@include controls.control-small;" %} with a font size <code>$size-small</code>
     </li>
     <li>
-      {% include docs/elements/snippet-inline.html content="@include control-medium;" %} with a font size <code>$size-medium</code>
+      {% include docs/elements/snippet-inline.html content="@include controls.control-medium;" %} with a font size <code>$size-medium</code>
     </li>
     <li>
-      {% include docs/elements/snippet-inline.html content="@include control-large;" %} with a font size <code>$size-large</code>
+      {% include docs/elements/snippet-inline.html content="@include controls.control-large;" %} with a font size <code>$size-large</code>
     </li>
   </ul>
 </div>
 
 {% highlight sass %}.bulma-control-mixin {
   &.is-small {
-    @include control-small;
+    @include controls.control-small;
   }
 
   &.is-medium {
-    @include control-medium;
+    @include controls.control-medium;
   }
 
   &.is-large {
-    @include control-large;
+    @include controls.control-large;
   }
 }{% endhighlight %}