40 lines
853 B
SCSS
40 lines
853 B
SCSS
:host {
|
|
height: var(--size);
|
|
width: var(--size);
|
|
align-items: center;
|
|
|
|
button {
|
|
height: var(--size);
|
|
width: var(--size);
|
|
line-height: var(--size);
|
|
|
|
mat-icon {
|
|
width: var(--iconSize);
|
|
height: var(--iconSize);
|
|
line-height: var(--iconSize);
|
|
margin: 0;
|
|
|
|
svg {
|
|
line-height: var(--iconSize);
|
|
}
|
|
}
|
|
|
|
&.mat-button-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&.primary.mat-button-disabled {
|
|
background-color: var(--iqser-btn-bg);
|
|
color: var(--iqser-white) !important;
|
|
}
|
|
|
|
&.warn:not([disabled]) {
|
|
background-color: var(--iqser-warn);
|
|
|
|
&:hover {
|
|
background-color: var(--iqser-warn);
|
|
}
|
|
}
|
|
}
|
|
}
|