Retrospring/app/assets/stylesheets/components/_inbox-entry.scss

71 lines
1.1 KiB
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;
}
.btn {
color: inherit;
}
}
}
&__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;
}
}
body:not(.cap-web-share) {
[data-controller="share"] {
display: none;
}
}