@mixin margin($class, $direction, $indentation) {
    #{$class}__margin_#{$direction}_#{$indentation} {
        margin-#{$direction}: #{$indentation}px;
    }
}

@mixin width($class, $size) {
    #{$class}__width_#{$size} {
        width: #{$size}px;
        flex: 0 0 #{$size}px;
    }
}

@mixin flex-grow-vertically {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@mixin overflow-ellipsis() {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
