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

41 lines
826 B
SCSS

%button {
position: relative;
}
%button .progress.indeterminate {
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
}
%button:disabled .progress + * {
visibility: hidden;
}
%button:empty {
padding-right: 0 !important;
padding-left: 18px !important;
margin-right: 5px;
}
%button:empty::before {
left: 1px;
}
%button:not(:empty) {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
padding: calc(0.375em - 1px) calc(2.2em - 1px);
height: 2.55em;
min-width: 100px;
}
%button:not(:last-child) {
margin-right: 8px;
}
%button-compact {
// @extend %button;
padding-left: calc(1.6em - 1px) !important;
padding-right: calc(1.6em - 1px) !important;
padding-top: calc(0.35em - 1px) !important;
height: 2.3em !important;
}