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