menuWrapper.scss

TLDR

This file contains the styles for the MenuWrapper component.

Classes

MenuWrapper

The MenuWrapper class is responsible for styling the menu wrapper component. It sets the position to relative and the cursor to default. Additionally, it handles the styling for the disabled and menuOpened states. The first child of the MenuWrapper component is also styled to enable text selection across different browsers.

.MenuWrapper {
    position: relative;
    cursor: default;

    &.disabled {
        cursor: default;
    }

    &.override.menuOpened {
        display: block;
    }

    *:first-child {
        /* stylelint-disable property-no-vendor-prefix*/
        -webkit-user-select: text; /* Chrome all / Safari all */
        -moz-user-select: text; /* Firefox all */
        -ms-user-select: text; /* IE 10+ */
        user-select: text;
        /* stylelint-enable property-no-vendor-prefix*/
    }
}