Merge pull request #14 from barrett-ruth/feat/auto-theme.nvim
fix styles
This commit is contained in:
commit
cce31ebb4a
5 changed files with 88 additions and 20 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
.clone-line {
|
.clone-line {
|
||||||
font-family: "Apercu Mono", monospace;
|
font-family: "Apercu Mono", monospace;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin: 0 1em;
|
margin: 0 1em 0 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
user-select: all;
|
user-select: all;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,39 +4,60 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-rows: auto 1fr auto;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fixed header and footer for list pages */
|
||||||
|
body:has(.content) header {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:has(.content) footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
height: 100%;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: grid;
|
display: flex;
|
||||||
place-items: center;
|
gap: 80px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topics {
|
.topics {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
min-height: 0;
|
max-height: calc(100vh - 200px);
|
||||||
max-height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
column-count: 2;
|
column-count: 2;
|
||||||
column-gap: 80px;
|
column-gap: 80px;
|
||||||
column-fill: auto;
|
column-fill: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box;
|
list-style: none;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topics::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topics {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topics li:first-child {
|
.topics li:first-child {
|
||||||
|
|
@ -50,7 +71,14 @@ body {
|
||||||
.posts {
|
.posts {
|
||||||
font-size: 2.2em;
|
font-size: 2.2em;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
flex: 1;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts:empty {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
@ -63,7 +91,7 @@ a {
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: none;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic a {
|
.topic a {
|
||||||
|
|
@ -95,10 +123,21 @@ ul {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body:has(.topics:only-child) .content {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:has(.topics:only-child) .topics {
|
||||||
|
column-count: 2;
|
||||||
|
column-fill: auto;
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.topics {
|
.topics {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
|
column-count: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts {
|
.posts {
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,28 @@
|
||||||
|
body:has(.post-container) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:has(.post-container) header {
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
background: var(--background);
|
||||||
|
}
|
||||||
|
|
||||||
|
body:has(.post-container) .main {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:has(.post-container) footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
9
src/content/git/auto-theme.nvim.mdx
Normal file
9
src/content/git/auto-theme.nvim.mdx
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
---
|
||||||
|
title: "auto-theme.nvim"
|
||||||
|
slug: "auto-theme.nvim"
|
||||||
|
date: "11/28/2025"
|
||||||
|
---
|
||||||
|
|
||||||
|
[Source code](https://github.com/barrett-ruth/auto-theme.nvim)
|
||||||
|
|
||||||
|
wip
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
title: "cp.nvim"
|
|
||||||
slug: "cp.nvim"
|
|
||||||
redirect: /git/cp.nvim.html
|
|
||||||
---
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue