death.au/deathau.weblog.lol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style for mentions
All checks were successful
/ weblog.lol (push) Successful in 9s
Details

Browse source
This commit is contained in:
Gordon Pedersen 2024-05-23 11:40:15 +10:00
parent ed6ab30dde
commit f5ad3727d2
1 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
weblog/B0. Template/styles.css.md
View file

@ -312,7 +312,7 @@ footer p {
text-align: center;
}
.tag {
.tag, .mention {
background: var(--accent);
color: var(--background);
padding: .3em .4em;
@ -334,6 +334,31 @@ h2 .tag {
color: white;
}
.mention {
font-family: var(--font-main);
font-weight: var(--font-main-weight);
position: relative;
margin-left: 1.6em;
}
.mention::before {
content: '📢';
position: absolute;
margin-left: -2em;
}
.mention::after {
content: '';
position: absolute;
left: -0.35em;
top: calc(50% - 0.4em);
width: 0;
height: 0;
border: 0.4em solid transparent;
border-right-color: var(--accent);
border-left: 0;
}
hr {
border: 0;
height: 1px;