// Generic classes for horizontal division (divide-1: width: 100%, divide-2: width: 50% etc.).
@for $i from 1 through 12 {
  .divide-#{$i} {
    width: 100% / $i;
  }
}

@mixin divide($i) {
  width: 100% / $i;
}

// Make text not selectable and cursor transparent.
.no-select {
  cursor: default;
  user-select: none;
}