Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update classes

Browse Source
This commit is contained in:
Janko Jordan 2023-01-10 14:03:02 +01:00
parent 5e4b7e2028
commit 5ab2444fbc
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/Connected.Components/Styles/components/_alert.scss
View File

@ -1,7 +1,7 @@
@import "../abstracts/variables"; @import "../abstracts/variables";
.alert { .alert {
display: flex; display: flex;
padding: 6px 16px; padding: 6px 16px;
border-radius: var(--default-borderradius); border-radius: var(--default-borderradius);
background-color: transparent; background-color: transparent;
@ -12,12 +12,12 @@
} }
&.dense { &.dense {
padding: 0px 12px; padding: 0px 12px;
} }
} }
.alert-text { .alert-text {
&-normal { &-normal {
color: var(--palette-text-primary); color: var(--palette-text-primary);
background-color: var(--palette-dark-hover); background-color: var(--palette-dark-hover);
} }
@ -95,10 +95,23 @@
} }
.alert-position { .alert-position {
//flex: 1; flex: 1;
display: flex; display: flex;
} }
.alert-content {
flex: 1;
display: flex;
}
.alert.justify-end .alert-content {
justify-content: flex-end;
}
.alert.justify-center .alert-content {
justify-content: center;
}
.alert-close { .alert-close {
display: flex; display: flex;
flex: 0; flex: 0;