consul/ui/packages/consul-ui/app/components/confirmation-dialog/index.scss

22 lines
422 B
SCSS

@import './skin';
@import './layout';
div.with-confirmation {
@extend %confirmation-dialog, %confirmation-dialog-inline;
}
table td > div.with-confirmation.confirming {
position: absolute;
right: 0;
}
@media #{$--lt-wide-form} {
%confirmation-dialog {
float: none;
margin-top: 1em;
}
%confirmation-dialog-inline {
display: block;
}
%confirmation-dialog-inline p {
margin-bottom: 1em;
}
}