Improve calendar and nl-list

This commit is contained in:
Yusur 2023-04-06 23:02:07 +02:00
parent 63a2b60f1d
commit 0801e841ad
12 changed files with 210 additions and 146 deletions

View file

@ -35,6 +35,7 @@ body{font-family:sans-serif;background-color:var(--bg-main); color: var(--fg-mai
/* content styles */
.article-header {text-align: center;}
#firstHeading {font-family:sans-serif; text-align: center;font-size:3em; font-weight: normal}
@media (min-width:800px) {.homepage #firstHeading {font-size: 4.5em}}
.inner-content{font-family:serif; margin: 1.7em auto; max-width: 1280px; line-height: 1.9; color: var(--fg-main)}
.inner-content em,.inner-content strong{color: var(--fg-sharp)}
.inner-content h1{color: var(--fg-error)}
@ -64,6 +65,7 @@ body{font-family:sans-serif;background-color:var(--bg-main); color: var(--fg-mai
.nl-new{margin:6px 0 12px 0;display:flex;justify-content:start; float: right}
.nl-new > a{margin-right:12px}
.nl-prev,.nl-next{text-align:center}
.nl-placeholder {font-style: italic; text-align: center;}
input{border:0;border-bottom:3px solid var(--border);font:inherit;color:var(--fg-main);background-color:transparent}
input:focus{color:var(--fg-sharp);border-bottom-color:var(--border-sharp)}
input.error{border-bottom-color:var(--btn-error)}
@ -161,6 +163,10 @@ a:hover{color:var(--fg-link-hover)}
.nl-list {display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; column-gap: 1.5em}
.nl-list > .nl-prev, .nl-list > .nl-next {grid-column-end: span 2}
}
@media (min-width:1200px){
.nl-list {grid-template-columns: 1fr 1fr 1fr}
.nl-list > .nl-prev, .nl-list > .nl-next {grid-column-end: span 3}
}
/* dark theme */