48 lines
1022 B
SCSS
48 lines
1022 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;
|
|
|
|
&:not(.primary):not(.warn):not(.dark-bg):hover {
|
|
background-color: var(--iqser-btn-bg);
|
|
}
|
|
}
|
|
|
|
&.primary.mat-button-disabled {
|
|
color: #ffffff80;
|
|
}
|
|
|
|
&.warn:not([disabled]) {
|
|
background-color: var(--iqser-warn);
|
|
color: var(--iqser-accent);
|
|
|
|
&:hover {
|
|
background-color: var(--iqser-warn);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.primary mat-icon {
|
|
color: var(--iqser-primary);
|
|
}
|
|
}
|