/* Actions */

ul.actions {

@include vendor('display', 'flex');
cursor: default;
list-style: none;
margin-left: (_size(element-margin) * -0.5);
padding-left: 0;
li {
        padding: 0 0 0 (_size(element-margin) * 0.5);
        vertical-align: middle;
}
&.special {
        @include vendor('justify-content', 'center');
        width: 100%;
        margin-left: 0;
        li {
                &:first-child {
                        padding-left: 0;
                }
        }
}
&.stacked {
        @include vendor('flex-direction', 'column');
        margin-left: 0;
        li {
                padding: (_size(element-margin) * 0.65) 0 0 0;
                &:first-child {
                        padding-top: 0;
                }
        }
}
&.fit {
        width: calc(100% + #{_size(element-margin) * 0.5});
        li {
                @include vendor('flex-grow', '1');
                @include vendor('flex-shrink', '1');
                width: 100%;
                > * {
                        width: 100%;
                }
        }
        &.stacked {
                width: 100%;
        }
}

}