consul/ui-v2/app/styles/components/buttons.scss

23 lines
618 B
SCSS

@import '../base/components/buttons/index';
%copy-button {
@extend %with-clipboard;
}
button[type='submit'],
a.type-create {
@extend %primary-button;
}
// the :not(li)'s here avoid styling action-group buttons
// TODO: Once we move action-groups to use aria menu we can get rid of
// some of this and just use not(aria-haspopup)
button[type='reset'],
:not(li) > button[type='button']:not(.copy-btn):not(.type-delete):not([aria-haspopup='menu']),
html.template-error div > a {
@extend %secondary-button;
}
:not(li) > button.type-delete {
@extend %dangerous-button;
}
button.copy-btn {
@extend %copy-button;
}