60 lines
976 B
SCSS
60 lines
976 B
SCSS
@use "sass:map";
|
|
|
|
.inbox-entry {
|
|
$this: &;
|
|
|
|
position: relative;
|
|
|
|
&--new {
|
|
box-shadow: 0 0.125rem 0.25rem var(--primary);
|
|
|
|
.card-header {
|
|
background-color: var(--primary);
|
|
color: RGB(var(--primary-text));
|
|
|
|
a {
|
|
color: RGB(var(--primary-text));
|
|
|
|
&.dropdown-item {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
.text-muted {
|
|
color: RGBA(var(--primary-text), 0.8) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__close {
|
|
position: absolute;
|
|
top: map.get($spacers, 3);
|
|
right: map.get($spacers, 3);
|
|
}
|
|
|
|
&__sharing {
|
|
position: absolute;
|
|
display: flex;
|
|
background-color: rgba(var(--raised-bg-rgb), 0.9);
|
|
backdrop-filter: blur(3px);
|
|
border-radius: var(--card-inner-border-radius);
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.format-help {
|
|
opacity: .3;
|
|
}
|
|
|
|
&:focus-within .format-help,
|
|
&:hover .format-help {
|
|
opacity: 1;
|
|
}
|
|
|
|
.card-header {
|
|
position: relative;
|
|
}
|
|
}
|