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

style updates and un-nesting
All checks were successful
/ weblog.lol (push) Successful in 10s
Details

Browse source
This commit is contained in:
Gordon Pedersen 2024-05-24 10:32:29 +10:00
parent 9ad2ac4215
commit 949a226b59
1 changed files with 46 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -302,13 +302,13 @@ section.replies {
border-left: 5px solid var(--accent); border-left: 5px solid var(--accent);
} }
.replies .replies { .replies .replies {
border-color: oklch(from var(--accent) l c calc(h + 90)); border-color: oklch(from var(--accent) l c calc(h - 30));
} }
.replies .replies .replies { .replies .replies .replies {
border-color: oklch(from var(--accent) l c calc(h + 180)); border-color: oklch(from var(--accent) l c calc(h - 60));
} }
.replies .replies .replies .replies { .replies .replies .replies .replies {
border-color: oklch(from var(--accent) l c calc(h + 270)); border-color: oklch(from var(--accent) l c calc(h - 90));
} }
.fedi-social-reply { .fedi-social-reply {
@ -317,26 +317,29 @@ section.replies {
box-shadow:none; box-shadow:none;
margin:1em 0; margin:1em 0;
padding:0; padding:0;
.reply-header { }
.reply-header {
width: 100%; width: 100%;
display:flex; display:flex;
flex-direction: row; flex-direction: row;
.post-info{ }
.reply-header .post-info{
margin: 0; margin: 0;
margin-top:auto; margin-top:auto;
} }
.author{ .reply-header .author{
width: 100%; width: 100%;
a.name{ }
.reply-header .author a.name{
font-family: var(--font-head); font-family: var(--font-head);
font-weight: var(--font-head-weight); font-weight: var(--font-head-weight);
font-size: 1.5em; font-size: 1.5em;
line-height: 80%; line-height: 80%;
z-index: 2; z-index: 2;
} }
}
} .reply-content {
.reply-content {
margin:1.2em 0; margin:1.2em 0;
padding: 1em; padding: 1em;
background-color: color-mix(in srgb, var(--accent) 25%, var(--background)); background-color: color-mix(in srgb, var(--accent) 25%, var(--background));
@ -344,7 +347,8 @@ section.replies {
border-radius: 1em; border-radius: 1em;
box-shadow: var(--shadow); box-shadow: var(--shadow);
position: relative; position: relative;
&::after { }
.reply-content::after {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@ -356,8 +360,6 @@ section.replies {
border-top: 0; border-top: 0;
border-left: 0; border-left: 0;
margin-top: -0.9em; margin-top: -0.9em;
}
}
} }
header nav li { header nav li {