website
git clone https://git.pyrossh.dev/website
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
assets/css/workers/posts-index.css
| df4fd17 | 1 | h1 { |
| df4fd17 | 2 | display: flex; |
| df4fd17 | 3 | align-items: flex-start; |
| df4fd17 | 4 | font-weight: 800; |
| df4fd17 | 5 | font-size: 2rem; |
| df4fd17 | 6 | } |
| df4fd17 | 7 | |
| df4fd17 | 8 | .container { |
| df4fd17 | 9 | display: flex; |
| df4fd17 | 10 | float: left; |
| df4fd17 | 11 | } |
| df4fd17 | 12 | |
| df4fd17 | 13 | ul { |
| df4fd17 | 14 | display: flex; |
| df4fd17 | 15 | flex-direction: column; |
| df4fd17 | 16 | |
| ec165f1 | 17 | li { |
| df4fd17 | 18 | display: grid; |
| 60e980e | 19 | grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); |
| 60e980e | 20 | gap: 0.6rem; |
| df4fd17 | 21 | justify-items: start; |
| df4fd17 | 22 | align-items: end; |
| df4fd17 | 23 | margin-top: 1.25rem; |
| df4fd17 | 24 | line-height: 1.5rem; |
| df4fd17 | 25 | |
| ec165f1 | 26 | a { |
| df4fd17 | 27 | font-size: 1.1rem; |
| df4fd17 | 28 | color: var(--color-post-link); |
| df4fd17 | 29 | text-decoration-line: underline; |
| df4fd17 | 30 | text-underline-offset: 4px; |
| df4fd17 | 31 | } |
| df4fd17 | 32 | |
| ec165f1 | 33 | time { |
| df4fd17 | 34 | font-size: 1.1rem; |
| df4fd17 | 35 | } |
| df4fd17 | 36 | |
| ec165f1 | 37 | .content { |
| df4fd17 | 38 | display: flex; |
| df4fd17 | 39 | flex-direction: column; |
| df4fd17 | 40 | } |
| df4fd17 | 41 | |
| ec165f1 | 42 | .description { |
| df4fd17 | 43 | font-size: 13pt; |
| df4fd17 | 44 | |
| ec165f1 | 45 | &:hover { |
| df4fd17 | 46 | cursor: default; |
| df4fd17 | 47 | } |
| df4fd17 | 48 | } |
| df4fd17 | 49 | |
| ec165f1 | 50 | .date-wrapper { |
| df4fd17 | 51 | display: flex; |
| df4fd17 | 52 | flex: 1; |
| df4fd17 | 53 | justify-content: flex-end; |
| df4fd17 | 54 | font-size: 1rem; |
| df4fd17 | 55 | line-height: 1.5rem; |
| df4fd17 | 56 | } |
| df4fd17 | 57 | } |
| df4fd17 | 58 | } |