This repository has been archived on 2024-07-22. You can view files and clone it, but cannot push or open issues or pull requests.
mastodon/app/javascript/flavours/glitch/styles/components/sensitive.scss

27 lines
500 B
SCSS
Raw Normal View History

2018-01-13 14:18:50 -08:00
.sensitive-info {
display: flex;
flex-direction: row;
align-items: center;
position: absolute;
top: 4px;
inset-inline-start: 4px;
2018-01-13 14:18:50 -08:00
z-index: 100;
}
.sensitive-marker {
2019-05-04 14:05:43 -07:00
margin: 0 3px;
2018-01-13 14:18:50 -08:00
border-radius: 2px;
padding: 2px 6px;
color: rgba($primary-text-color, 0.8);
background: rgba($base-overlay-background, 0.5);
font-size: 12px;
2019-05-04 09:18:15 -07:00
line-height: 18px;
2018-01-13 14:18:50 -08:00
text-transform: uppercase;
opacity: 0.9;
transition: opacity 0.1s ease;
2018-01-13 14:18:50 -08:00
.media-gallery:hover & {
opacity: 1;
}
2018-01-13 14:18:50 -08:00
}