Scss - Is it possible to make your own class names?

Question

Sass

There is a code:

.cursor {
  .pointer {
    cursor: pointer;
  }

  .unset {
    cursor: unset;
  }
}

Is it possible to make it so that as a result there are classes cursor-pointer, cursor-unset?

Answer 1

.cursor {
  &-pointer {
    cursor: pointer;
  }

  &-unset {
    cursor: unset;
  }
}