Mouse Interactions

// Cursor Mixins .button { @include cursor_pointer; } .draggable { @include cursor_grab; &:active { @include cursor_grabbing; } } // Custom cursor .custom { @include cursor_custom('path/to/cursor.png', 'pointer'); } // Hover Effects .card { @include hover_scale(1.05, 0.3s); } .interactive { @include hover_transition(background-color, 0.2s, ease-in-out) { background-color: lighten($primary, 10%); } } // Pointer Events .overlay { @include pointer_events(none); } // Text Selection .no-select { user-select: none; } body { @include custom-selection(#3b82f6, #ffffff); } // Scroll Behavior .container { @include scroll_smooth(true, true); } .carousel { @include scroll_snap('x mandatory', 'center'); }