By default, Bootstrap 5 does not include classes for the CSS cursor properties. Here is how you can quickly add these properties which is similar to tailwindcss in your Bootstrap 5 library.
@import "~bootstrap/scss/bootstrap-utilities";
//Generate utilites for Cursor
$utilities: map-merge(
$utilities,
(
"cursor": (
property: cursor,
values: auto default pointer wait text move help not-allowed
),
)
);
@import '~bootstrap/scss/bootstrap';Here are the classes, that will be generated by this
| Class | Properties |
|---|---|
| cursor-auto | cursor: auto; |
| cursor-default | cursor: default; |
| cursor-pointer | cursor: pointer; |
| cursor-wait | cursor: wait; |
| cursor-text | cursor: text; |
| cursor-move | cursor: move; |
| cursor-help | cursor: help; |
| cursor-not-allowed | cursor: not-allowed; |