Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Circle button variable radius, dark-bg type

Browse Source
This commit is contained in:
Adina Țeudan 2023-08-23 18:43:36 +03:00
parent 1fc2820742
commit f5f86d7e60
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/_common-variables.scss
View File

@ -61,6 +61,7 @@ body {
--iqser-textarea-padding-y: 7px;
--iqser-font-family: Inter, sans-serif;
--iqser-app-name-font-family: Inter, sans-serif;
--iqser-circle-button-radius: 50%;
}
$required-variables: 'iqser-primary';

9
src/assets/styles/common-buttons.scss
View File

@ -111,12 +111,17 @@ iqser-circle-button {
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--iqser-circle-button-radius);
.mat-mdc-button-touch-target {
width: var(--circle-button-size);
height: var(--circle-button-size);
}
.mat-mdc-button-persistent-ripple {
border-radius: var(--iqser-circle-button-radius);
}
&.mat-mdc-button-base {
height: var(--circle-button-size);
width: var(--circle-button-size);
@ -139,6 +144,10 @@ iqser-circle-button {
background: var(--iqser-primary);
}
&.dark-bg {
background: var(--iqser-btn-bg);
}
&.warn:not([disabled]) {
--mdc-icon-button-icon-color: var(--iqser-accent);
background-color: var(--iqser-warn);