.rounded-corners (@radius: 5px) {
    border-radius: @radius;
}

.ellipsis {
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}

.outline (@color: #000000) { box-shadow : 0 0 0 1px @color; }

.reform-arrow-up (@color: #000000, @height: 4px, @width: 8px) {
    .arrow(@color, @height, @width);

    border-bottom: @height solid @color;
}

.arrow-down (@color: #000000, @height: 4px, @width: 8px) {
    .arrow(@color, @height, @width);

    border-top: @height solid @color;
}

.arrow (@color: #000000, @height: 4px, @width: 8px) {
    position     : absolute;
    content      : "";
    top          : 50%;
    right        : 5px;
    width        : 0;
    height       : 0;
    margin       : -(@height / 2) 0 0;
    border-left  : (@width / 2) solid transparent;
    border-right : (@width / 2) solid transparent;
}

.placeholder (@color: inherit) {
    &::placeholder { color: @color; }
}