-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
.no-notification {
display: flex;
}
my-global-icon {
- @include apply-svg-color(#333);
+ @include apply-svg-color(#{pvar(--mainForegroundColor)});
+ @include margin-right(11px);
+ @include margin-left(3px);
width: 24px;
- margin-right: 11px;
- margin-left: 3px;
}
.avatar {
+ @include margin-right(10px);
+
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
border-radius: 5px;
- margin-right: 10px;
}
.message {
}
.from-date {
+ @include padding-left(5px);
+ @include margin-left(auto);
+
font-size: 0.85em;
color: pvar(--greyForegroundColor);
- padding-left: 5px;
min-width: 70px;
- text-align: right;
- margin-left: auto;
+ text-align: end;
}
}