// ----------------------------------------- // 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; } }