Skip to content

Instantly share code, notes, and snippets.

@cdcharlebois
Last active July 23, 2020 19:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cdcharlebois/3cfb8c4f78164d1e60bc42e10f9a5fe5 to your computer and use it in GitHub Desktop.
Save cdcharlebois/3cfb8c4f78164d1e60bc42e10f9a5fe5 to your computer and use it in GitHub Desktop.
style rule to apply to a *row* in a layout grid that will append a button to the end of the input (i.e. an inline-edit button)
.form-control-append-button {
@extend .form-group;
> div:first-child {
@extend .control-label;
@extend .d-block;
}
> div:last-child {
@extend .flexcontainer;
> div:first-child {
@extend .flexitem-main;
@extend .spacing-outer-bottom-none;
> input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
}
> button {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: 0px;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment