/*
Action set

The action set is an inline list with dividers in between the children

.action-set__item--default - simply adds the vertical spacer in between the items

Markup:
<ul>
    <li class="action-set__item {{modifier_class}}">Activate property</li>
    <li class="action-set__item {{modifier_class}}">Deactiviate property</li>
    <li class="action-set__item {{modifier_class}}">Destroy property</li>
</ul>
*/
.action-set {
    > li {
        float: left;
        padding: 1px 6px 1px 9px;
        border-left: 1px solid @action-set-border-color;

        .quick-menu & {
            font-size: 14px;
        }

        &:first-child {
            padding: 1px 7px 0 0;
            border-left: none;
        }

        &:last-child {
            padding-right: 0;
            border-right: none;
        }

        .ie8 & {
            border-left: 1px solid @action-set-border-color;
            border-right: none;
        }

        .ie7 &:first-child, .ie8 &:first-child {
            border-left: none;
        }
    }
}

.action-set--with-title {
    margin-top: -40px;
}


.action-set__item {
    display: inline-block;

    &:first-child {
        padding-left: 0;
    }

    &:last-child {
        padding-right: 0;
    }
}

// default sizing and colors
.action-set__item--default {
    padding: 1px 6px 1px 9px;
    line-height: 14px;
}

.action-set__item--default + .action-set__item--default {
    border-left: 1px solid @action-set-border-color;
    box-shadow: -1px 0 0 0 white;
}

// default sizing and colors
.action-set__item--no-border {
    padding: 1px 6px 1px 9px;
    line-height: 14px;
}

.action-set__item--no-right-padding {
    padding: 1px 0px 1px 9px;
}