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; |
Comments