@import "../colors";

.menu-items-container.network {
    .menu-items-section {
        padding-bottom: 1.5em;
    }
    .menu-label {
        color: $mauve;
    }

    .network-ethernet-icon {
        font-size: 1.3em;
        color: $mauve;
    }

    .connection-container {
        margin-left: 1em;
    }
    .connection-status {
        font-size: 0.9em;
    }
    .menu-section-container.wifi {
        .menu-items-section {
            min-height: 5em;
        }
    }

    .network-element-item {

        &:not(:last-child) {
            margin-bottom: 0.5em;
        }

        &:hover {
            color: $mauve;
        }
    }
}