Files
mastodon/app/javascript/styles/mastodon-material/plugins/quote.scss

77 lines
1.6 KiB
SCSS

$name: "Quote";
$plugin-version: "1.0.0";
$target-version: "1.0.0";
$website: "";
@include version-check($name, $plugin-version, $target-version, $website);
.quote-indicator,
.reply-indicator {
@include card-elevation(false);
margin-bottom: 16px;
padding: 16px;
&__header { margin-bottom: 4px }
&__display-avatar {
margin-right: 8px;
.account__avatar {
width: 40px !important;
height: 40px !important;
background-size: 40px !important;
}
}
&__content {
padding-top: 4px;
color: $primary-text-color;
}
}
.quote-status {
@include card-elevation(false);
background: none;
padding: 16px 16px 16px 72px;
.detailed-status__display-avatar,
.status__avatar {
top: 16px !important;
left: 16px !important;
width: 40px !important;
height: 40px !important;
&>div {
width: 40px !important;
height: 40px !important;
background-size: 40px !important;
}
}
.status__content { padding-top: 8px }
.detailed-status__display-name {
span,
strong { display: block }
}
.display-name {
padding-left: 0;
&__account { color: $secondary-text-color }
}
&>.unlisted-quote>button { color: $ui-text-color }
}
@if $dense {
.quote-status {
padding: 8px 8px 8px 58px;
margin-top: 4px;
.detailed-status__display-avatar,
.status__avatar {
top: 8px !important;
left: 8px !important;
}
}
}