pleroma-fe/src/components/rich_content/rich_content.scss

91 lines
1.4 KiB
SCSS
Raw Normal View History

2021-06-07 11:49:54 +02:00
.RichContent {
2024-02-22 17:04:28 +01:00
font-family: var(--font);
&.-faint {
/* stylelint-disable declaration-no-important */
--text: var(--textFaint) !important;
--link: var(--linkFaint) !important;
--funtextGreentext: var(--funtextGreentextFaint) !important;
--funtextCyantext: var(--funtextCyantextFaint) !important;
/* stylelint-enable declaration-no-important */
}
2021-06-07 11:49:54 +02:00
blockquote {
2022-12-15 01:26:20 +01:00
margin: 0.2em 0 0.2em 0.2em;
2021-06-07 11:49:54 +02:00
font-style: italic;
2024-02-22 17:04:28 +01:00
border-left: 0.2em solid var(--textFaint);
2022-12-15 01:26:20 +01:00
padding-left: 1em;
2021-06-07 11:49:54 +02:00
}
pre {
overflow: auto;
}
code,
samp,
kbd,
var,
pre {
2024-02-22 17:04:28 +01:00
font-family: var(--monoFont);
2021-06-07 11:49:54 +02:00
}
p {
2023-01-09 19:02:16 +01:00
margin: 0 0 1em;
2021-06-07 11:49:54 +02:00
}
p:last-child {
2023-01-09 19:02:16 +01:00
margin: 0;
2021-06-07 11:49:54 +02:00
}
h1 {
font-size: 1.1em;
line-height: 1.2em;
margin: 1.4em 0;
}
h2 {
font-size: 1.1em;
margin: 1em 0;
}
h3 {
font-size: 1em;
margin: 1.2em 0;
}
h4 {
margin: 1.1em 0;
}
.img {
display: inline-block;
}
.emoji {
display: inline-block;
width: var(--emoji-size, 32px);
height: var(--emoji-size, 32px);
2021-06-07 11:49:54 +02:00
}
.img,
video {
max-width: 100%;
max-height: 400px;
vertical-align: middle;
object-fit: contain;
}
.greentext {
color: var(--funtextGreentext);
}
.cyantext {
color: var(--funtextCyantext);
}
2021-06-07 11:49:54 +02:00
}
2024-04-03 20:27:25 +02:00
a .RichContent {
/* stylelint-disable-next-line declaration-no-important */
color: var(--link) !important;
}