@import '../base/components/buttons/index'; 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; }