t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases 9 Packages Wiki Activity Actions

add: forum posts ui

Browse source
This commit is contained in:
trisua 2025-08-03 23:24:57 -04:00
parent ef029c59b3
commit 2be87c397d
90 changed files with 1459 additions and 1299 deletions
Download patch file Download diff file Expand all files Collapse all files

59
crates/app/src/public/css/style.css
View file

@ -195,27 +195,78 @@ table ol {
color: var(--color-text-lowered);
}
.card-nest {
.card_nest {
box-shadow: var(--shadow-x-offset) var(--shadow-y-offset) var(--shadow-size)
var(--color-shadow);
border-radius: var(--radius);
}
.card-nest .card {
.card_nest .card {
box-shadow: none;
}
.card-nest > .card:first-child {
.card_nest > .card:first-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: var(--color-super-raised);
}
.card-nest > .card:last-child {
.card_nest > .card:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card_nest_horizontal_wrapper {
box-shadow: var(--shadow-x-offset) var(--shadow-y-offset) var(--shadow-size)
var(--color-shadow);
}
.card_nest_horizontal {
display: flex;
flex-direction: row;
}
.card_nest_horizontal_header {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
padding: var(--pad-2) var(--pad-4);
}
.card_nest_horizontal .side {
padding: var(--pad-4);
}
.card_nest_horizontal .side:nth-child(1) {
background: var(--color-lowered);
border-right: solid 1px var(--color-super-lowered);
border-bottom-left-radius: var(--radius);
}
.card_nest_horizontal .side:nth-child(2) {
background: var(--color-raised);
border-bottom-right-radius: var(--radius);
}
.card_nest_horizontal_header {
background: var(--color-lowered);
border-bottom: solid 1px var(--color-super-lowered);
display: flex;
align-items: center;
gap: var(--pad-2);
}
@media screen and (max-width: 900px) {
.card_nest_horizontal {
flex-direction: column;
}
.card_nest_horizontal .side:nth-child(1) {
border-right: none;
border-bottom: solid 1px var(--color-super-lowered);
border-radius: 0;
}
}
/* supporter card */
@property --border-angle {
syntax: "<angle>";