stacker.news/components/text.module.css

128 lines
1.7 KiB
CSS
Raw Normal View History

2021-04-14 23:56:29 +00:00
.text {
font-size: 94%;
2021-06-27 22:28:30 +00:00
font-family: inherit;
2021-10-29 17:56:31 +00:00
word-break: break-word;
line-height: 140%;
2021-06-27 22:28:30 +00:00
}
@media screen and (min-width: 767px) {
.text {
line-height: 130%;
}
}
2022-07-17 15:33:55 +00:00
.heading {
position: relative;
margin-left: -22px;
padding-left: 22px;
display: block;
2022-07-17 15:33:55 +00:00
}
.headingLink {
display: none;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 44px;
2022-07-17 15:33:55 +00:00
}
2022-10-04 17:43:18 +00:00
.headingLink.copied {
display: flex;
}
2022-07-17 15:33:55 +00:00
.headingLink svg {
align-self: center;
}
.heading:hover>.headingLink {
display: flex;
}
.text hr {
border-top: 1px solid var(--theme-clickToContextColor);
}
.text .p {
2021-06-27 22:28:30 +00:00
margin-bottom: .5rem;
2021-04-14 23:56:29 +00:00
white-space: pre-wrap;
word-break: break-word;
2021-06-27 22:28:30 +00:00
}
.text pre {
margin-bottom: .5rem;
}
.text pre>div {
margin: 0 !important;
}
.text>*:last-child {
margin-bottom: 0 !important;
}
2023-01-06 01:06:31 +00:00
.text blockquote:last-child {
margin-bottom: 0 !important;
2021-06-27 22:28:30 +00:00
}
2023-01-05 19:24:09 +00:00
.text blockquote:has(+ :not(blockquote)) {
margin-bottom: .5rem;
}
2021-06-27 22:28:30 +00:00
.text img {
display: block;
margin-top: .5rem;
2023-01-05 19:24:09 +00:00
margin-bottom: .5rem;
border-radius: .4rem;
width: auto;
2021-06-27 22:28:30 +00:00
max-width: 100%;
}
.text img.topLevel {
margin-top: .75rem;
margin-bottom: .75rem;
2021-06-27 22:28:30 +00:00
}
.text table {
width: auto;
}
.text blockquote {
2023-01-05 19:24:09 +00:00
border-left: 4px solid var(--theme-quoteBar);
2021-06-27 22:28:30 +00:00
padding-left: 1rem;
2023-01-05 19:24:09 +00:00
margin-left: 1.25rem;
margin-bottom: 0;
}
.text ul {
margin-bottom: 0;
}
.text li {
margin-top: .5rem;
margin-bottom: .5rem;
}
.text h1 {
font-size: 1.6rem;
}
.text h2 {
font-size: 1.45rem;
}
.text h3 {
font-size: 1.3rem;
}
.text h4 {
font-size: 1.15rem;
}
.text h5 {
font-size: 1rem;
}
.text h6 {
font-size: .85rem;
2021-04-14 23:56:29 +00:00
}