Merge branch 'MDL-56666-master' of git://github.com/jleyva/moodle

[moodle.git] / theme / bootstrapbase / less / moodle / buttons.less

.singlebutton {
    div {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
    }
}

// Two singlebuttons side by side for ok/cancel.
#notice {
    .buttons {
        .singlebutton {
            display: inline-block;
        }
    }
}

.continuebutton {
    text-align: center;
}

p.arrow_button {
    margin-top: 5em;
    text-align: center;
    #remove {
        margin: 3em auto 5em;
    }
    input {
        .btn-block;
    }
}

#addcontrols {
    // The margin top is equal the combination of the line-height and margin of a <p>,
    // because the visual parent is a <p>.
    margin-top: @baseLineHeight + (@baseLineHeight / 2);
    text-align: center;
    margin-bottom: 3em;
    label {
        display: inline;
    }
}

#addcontrols,
#removecontrols {
    input {
        .btn-block;
        margin: auto;
    }
}

.btn-lineup {
    margin: 0 0 10px 5px;
}

input[name="searchwikicontent"] + input[type="submit"],
select + input[type="submit"],
input[type="text"] + input[type="button"],
input[type="password"] + input[type="submit"],
input[type="text"] + button,
input[type="text"] + input[type="submit"] {
    .btn-lineup
}

button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    .btn;
}
button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    .btn-lineup;
}

button {
    &.yui3-button {
        &.closebutton {
            background-position: 0 0;
            &:hover {
                background-position: 0 0;
                // Because we assign the button look to every button tag
                // above, we need to remove some styles from non-standard
                // looking buttons. Correct fix, assign .btn class to every
                // actual button in Moodle so we don't need to carpet bomb the
                // bare button tag.
            }
        }
    }
}

input {
    &.fp-btn-choose {
        .btn-small
    }
}

.user-enroller-panel {
    .uep-search-results {
        .user,
        .cohort {
            .options {
                .enrol {
                    .btn-mini
                }
            }
        }
    }
}