cobweb/xmitter-11ty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaks to posts list css.

Browse Source
This commit is contained in:
Zach Leatherman 2021-03-17 10:57:44 -05:00
parent 9971c1cf84
commit 2ccfbf9244
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/index.css
View File

@ -85,6 +85,9 @@ pre {
margin: .5em 0; margin: .5em 0;
background-color: #f6f6f6; background-color: #f6f6f6;
} }
code {
word-break: break-all;
}
.highlight-line { .highlight-line {
display: block; display: block;
padding: 0.125em 1em; padding: 0.125em 1em;
@ -152,7 +155,11 @@ pre {
padding: 0; padding: 0;
} }
.postlist-item { .postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1; counter-increment: start-from -1;
line-height: 1.8;
} }
.postlist-item:before { .postlist-item:before {
display: inline-block; display: inline-block;
@ -170,8 +177,11 @@ pre {
word-spacing: -0.5px; word-spacing: -0.5px;
} }
.postlist-link { .postlist-link {
display: inline-block; padding-left: .25em;
padding: 0.25em 0.1875em; /* 4px 3px /16 */ padding-right: .25em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
} }
.postlist-item-active .postlist-link { .postlist-item-active .postlist-link {
font-weight: bold; font-weight: bold;
@ -190,12 +200,13 @@ pre {
vertical-align: text-top; vertical-align: text-top;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6875em; /* 11px /16 */ font-size: 0.6875em; /* 11px /16 */
padding: 2px 4px; padding: 0.09090909090909em 0.3636363636364em; /* 1px 4px /11 */
margin-left: 0.8em; /* 8px /10 */ margin-left: 0.8em; /* 8px /10 */
color: var(--darkgray); color: var(--darkgray);
border: 1px solid var(--gray); border: 1px solid var(--gray);
border-radius: 0.25em; /* 3px /12 */ border-radius: 0.25em; /* 3px /12 */
text-decoration: none; text-decoration: none;
line-height: 1.8;
} }
a[href].post-tag, a[href].post-tag,
a[href].post-tag:visited { a[href].post-tag:visited {