This .mention style is going global
This commit is contained in:
parent
b26f1204c7
commit
ac87f557d6
16
src/app.css
16
src/app.css
|
@ -13,6 +13,22 @@ html, body {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* MENTIONS */
|
||||||
|
|
||||||
|
a.mention {
|
||||||
|
text-decoration-line: none;
|
||||||
|
}
|
||||||
|
a.mention span {
|
||||||
|
text-decoration-line: underline;
|
||||||
|
text-decoration-color: inherit;
|
||||||
|
}
|
||||||
|
a.hashtag {
|
||||||
|
color: var(--link-light-color);
|
||||||
|
}
|
||||||
|
:is(a.hashtag, a.u-url) span{
|
||||||
|
color: var(--text-color);
|
||||||
|
}
|
||||||
|
|
||||||
.deck-container {
|
.deck-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
|
@ -150,25 +150,6 @@
|
||||||
.status .content .ellipsis::after {
|
.status .content .ellipsis::after {
|
||||||
content: '…';
|
content: '…';
|
||||||
}
|
}
|
||||||
.status:hover .content a {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
.status .content a.mention {
|
|
||||||
text-decoration-line: none;
|
|
||||||
}
|
|
||||||
.status .content a.mention span {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
text-decoration-color: inherit;
|
|
||||||
}
|
|
||||||
.status .content a.hashtag {
|
|
||||||
color: var(--link-light-color);
|
|
||||||
}
|
|
||||||
.status .content a.hashtag span{
|
|
||||||
color: var(--text-color);
|
|
||||||
}
|
|
||||||
.status .content a.u-url span{
|
|
||||||
color: var(--text-color);
|
|
||||||
}
|
|
||||||
.status.large .content {
|
.status.large .content {
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue