Add more cursors (#947)

src/pages/_docs/cursors.md

@@ -14,6 +14,15 @@ Use one of the available cursor utilities depending on the action you want to in
 - `.cursor-not-allowed` - a cursor which shows that a user is not allowed to perform an action on an element
 - `.cursor-zoom-in` - a cursor which shows that a user can zoom in 
 - `.cursor-zoom-out` - a cursor which shows that a user can zoom out
+- `.cursor-default` - the default cursor
+- `.cursor-none` - no cursor
+- `.cursor-help` - a cursor which shows that help information is available
+- `.cursor-progress` - a cursor which shows that an action is in progress
+- `.cursor-wait` - a cursor which shows that a user cannot interact with the element because it is busy
+- `.cursor-text` - a cursor which shows that a user can type
+- `.cursor-v-text` - a cursor which shows that a user can type in a vertical text input
+- `.cursor-grab` - a cursor which shows that a user can grab an element
+- `.cursor-grabbing` - a cursor which shows that a user is grabbing an element
 
 {% capture code %}
 <div class="row text-center">
@@ -26,15 +35,42 @@ Use one of the available cursor utilities depending on the action you want to in
   <div class="col-4 mb-3">
     <div class="cursor-move bg-light py-3">Cursor move</div>
   </div>
-  <div class="col-4">
+  <div class="col-4 mb-3">
     <div class="cursor-not-allowed bg-light py-3">Cursor not allowed</div>
   </div>
-  <div class="col-4">
+  <div class="col-4 mb-3">
     <div class="cursor-zoom-in bg-light py-3">Cursor zoom in</div>
   </div>
-  <div class="col-4">
+  <div class="col-4 mb-3">
     <div class="cursor-zoom-out bg-light py-3">Cursor zoom out</div>
   </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-default bg-light py-3">Cursor default</div>
+  </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-none bg-light py-3">Cursor none</div>
+  </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-help bg-light py-3">Cursor help</div>
+  </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-progress bg-light py-3">Cursor progress</div>
+  </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-wait bg-light py-3">Cursor wait</div>
+  </div>
+  <div class="col-4 mb-3">
+    <div class="cursor-text bg-light py-3">Cursor text</div>
+  </div>
+  <div class="col-4">
+    <div class="cursor-v-text bg-light py-3">Cursor vertical text</div>
+  </div>
+  <div class="col-4">
+    <div class="cursor-grab bg-light py-3">Cursor grab</div>
+  </div>
+  <div class="col-4">
+    <div class="cursor-grabbing bg-light py-3">Cursor grabbing</div>
+  </div>
 </div>
 {% endcapture %}
 {% include example.html code=code %}

src/scss/_utilities.scss

@@ -37,7 +37,16 @@ $utilities: (
       move: move,
       not-allowed: not-allowed,
       zoom-in: zoom-in,
-      zoom-out: zoom-out
+      zoom-out: zoom-out,
+      default: default,
+      none: none,
+      help: help,
+      progress: progress,
+      wait: wait,
+      text: text,
+      v-text: vertical-text,
+      grab: grab,
+      grabbing: grabbing,
     )
   ),
   "font-size": (