@mixin RV-Menu {

    &--vertical &__List {
        @include RV-FlexRow__Container--vertical;
        width: 100%;
    }

    &--horizontal &__List {
        @include RV-FlexRow__Container--horizontal;
        @include RV-FlexRow__Container--breakPoint(400px);
    }

    &__List {
        @include RV-FlexRow__Container($-prefix: '.RV-Menu');
        @include RV-ElementList;
    }

    &__Item {
        @include RV-FlexRow__Item;
        @include RV-FlexRow__Item--shorthands;
        width: 100px;

        .RV-Link {
            padding: $-spacing-small;
            background-color: beige;
            display: block;
            white-space: nowrap;
        }
    }

}

.RV-Menu {
    @include RV-Menu;
}