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

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

@ -302,13 +302,13 @@ section.replies {
border-left: 5px solid var(--accent);
}
.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 {
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 {
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 {
@ -317,47 +317,49 @@ section.replies {
box-shadow:none;
margin:1em 0;
padding:0;
.reply-header {
width: 100%;
display:flex;
flex-direction: row;
.post-info{
margin: 0;
margin-top:auto;
}
.author{
width: 100%;
a.name{
font-family: var(--font-head);
font-weight: var(--font-head-weight);
font-size: 1.5em;
line-height: 80%;
z-index: 2;
}
}
}
.reply-content {
margin:1.2em 0;
padding: 1em;
background-color: color-mix(in srgb, var(--accent) 25%, var(--background));
/* background-image: var(--paper-texture-svg); */
border-radius: 1em;
box-shadow: var(--shadow);
position: relative;
&::after {
content: '';
position: absolute;
top: 0;
left: 1em;
width: 0;
height: 0;
border: 1em solid transparent;
border-bottom-color: color-mix(in srgb, var(--accent) 25%, var(--background));
border-top: 0;
border-left: 0;
margin-top: -0.9em;
}
}
}
.reply-header {
width: 100%;
display:flex;
flex-direction: row;
}
.reply-header .post-info{
margin: 0;
margin-top:auto;
}
.reply-header .author{
width: 100%;
}
.reply-header .author a.name{
font-family: var(--font-head);
font-weight: var(--font-head-weight);
font-size: 1.5em;
line-height: 80%;
z-index: 2;
}
.reply-content {
margin:1.2em 0;
padding: 1em;
background-color: color-mix(in srgb, var(--accent) 25%, var(--background));
/* background-image: var(--paper-texture-svg); */
border-radius: 1em;
box-shadow: var(--shadow);
position: relative;
}
.reply-content::after {
content: '';
position: absolute;
top: 0;
left: 1em;
width: 0;
height: 0;
border: 1em solid transparent;
border-bottom-color: color-mix(in srgb, var(--accent) 25%, var(--background));
border-top: 0;
border-left: 0;
margin-top: -0.9em;
}
header nav li {