mdb-ui-kit/scss/_input-group.scss

41 lines
862 B
SCSS
Raw Normal View History

// -----------------------------------------
// input-group and input-group-addon styles
// note: form-groups are not required
//
@mixin input-group-button-variation($vertical-padding) {
.input-group-btn {
.btn {
//margin: 0 0 $vertical-padding 0;
}
}
}
// default margin - no form-group required
@include input-group-button-variation(input-padding-y);
2017-05-03 14:14:10 +03:00
.bmd-form-group-sm {
@include input-group-button-variation($input-padding-y-sm);
}
2017-05-03 14:14:10 +03:00
.bmd-form-group-lg {
@include input-group-button-variation($input-padding-y-lg);
}
2017-08-11 17:59:31 +03:00
.input-group {
// may be in or outside of form-group
.input-group-addon {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border-color: transparent;
}
.input-group-addon + input,
input + .input-group-addon {
margin-left: .75rem;
}
}