ghost/core/client/app/styles/components/splitbuttons.scss

// ------------------------------------------------------------
// Splitbuttons
//
// Styles for splitbuttons (button + toggle for a popover)
//
// * Default
// * Base Placeholder Styles
// * Variation Classes
// ------------------------------------------------------------


//
// Default
// --------------------------------------------------

.splitbtn {
    position: relative;
    display: inline-block;
    vertical-align: middle;

    .btn {
        position: relative;
        float: left;

        // Prevent double border between buttons
        + .btn {
            margin-left: -1px;
        }

        // Make sure the hovered element is always on
        // top so overlap from .btn + btn. invisible
        &:hover,
        &:focus,
        &:active,
        &.active {
            z-index: 2;
        }
    }

    // Flatten out the right side
    .btn:first-child {
        margin-left: 0;

        &:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    // Flatten out the left side
    .dropdown-toggle {
        padding-left: 12px;
        padding-right: 12px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;

        &.btn-sm {
            padding-left: 10px;
            padding-right: 10px;
        }

        &.btn-lg {
            padding-left: 16px;
            padding-right: 16px;
        }

        // This is the additional dropdown arrow, to the right of the button.
        .options {
            text-align: center;
            color: #fff;
        }

    }

}//.splitbtn