rework post design; refine light theme
This commit is contained in:
parent
8d9c3cc4fe
commit
0a563e6121
6 changed files with 23 additions and 12 deletions
|
@ -73,19 +73,19 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.post-container:first-of-type {
|
||||
border-top: none;
|
||||
}
|
||||
.post-container {
|
||||
width: 732px;
|
||||
max-width: 732px;
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 8px;
|
||||
background-color: var(--bg-800);
|
||||
border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%);
|
||||
}
|
||||
|
||||
.post {
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
transition: background-color .1s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -100,7 +100,7 @@
|
|||
}
|
||||
|
||||
.post:hover {
|
||||
background-color: color-mix(in srgb, var(--bg-800), black 5%);
|
||||
background-color: color-mix(in srgb, transparent, var(--bg-800) 25%);
|
||||
}
|
||||
|
||||
.post-container:has(.post-context) .post {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue