/* 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%;
                }
        }
}