2016-01-26 21:12:48 +03:00
|
|
|
// -----------------------------------------
|
|
|
|
// 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 {
|
2016-01-26 21:12:48 +03:00
|
|
|
@include input-group-button-variation($input-padding-y-sm);
|
|
|
|
}
|
|
|
|
|
2017-05-03 14:14:10 +03:00
|
|
|
.bmd-form-group-lg {
|
2016-01-26 21:12:48 +03:00
|
|
|
@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
|
2016-01-26 21:12:48 +03:00
|
|
|
|
|
|
|
.input-group-addon {
|
2016-04-30 00:03:40 +03:00
|
|
|
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;
|
2016-01-26 21:12:48 +03:00
|
|
|
}
|
|
|
|
}
|