sass.n2o.components.Dropdown.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

There is a newer version: 7.28.3

.n2o-dropdown {
    opacity: 0;

    &.visible {
        height: 100%;
        display: block;
        opacity: 1;
    }

    .btn-group {
        width: 100%;

        .dropdown-toggle {
            padding: $dropdown-item-padding;
        }
    }
}

.n2o-dropdown-menu > .btn {
    text-align: left;
}

.dropdown-toggle::after {
    margin-left: 0.355em;
}

.n2o-dropdown-menu.dropdown-menu {
    padding: 0;

    .dropright.btn-group > div {
        width: 100%;
    }

    .dropright {
        .dropdown-menu {
            margin-left: 0;
        }

        .dropdown-toggle::after {
            position: absolute;
            right: 0.6rem;
        }
    }

    .btn {
        border: none;
        text-align: left;
    }

    .btn:focus,
    .btn:active {
        box-shadow: none !important;
    }
}

.n2o-dropdown-check-container {
    width: 20px;
    display: inline-block;
}

.dropdown-item-btn {
    display: block;
    width: 100%;
    padding: $dropdown-item-padding;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}