mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-23 10:04:04 +03:00
34 lines
768 B
SCSS
34 lines
768 B
SCSS
|
// -----------------------------------------
|
||
|
|
// 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($mdb-input-padding-y-base);
|
||
|
|
|
||
|
|
&.mdb-form-group-sm {
|
||
|
|
@include input-group-button-variation($mdb-input-padding-y-sm);
|
||
|
|
}
|
||
|
|
|
||
|
|
&.mdb-form-group-lg {
|
||
|
|
@include input-group-button-variation($mdb-input-padding-y-lg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group { // may be in or outside of form-group
|
||
|
|
.input-group-btn {
|
||
|
|
//padding: 0 12px; // match addon spacing
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group-addon {
|
||
|
|
//border: 0;
|
||
|
|
//background: transparent;
|
||
|
|
}
|
||
|
|
}
|