@@ -32,6 +32,6 @@ $mono-fonts: "Cascadia Code", Consolas, Menlo, Monaco, "Lucida Console", "Lucida
}
to {
transform: translateY(0) scale(1);
- opacity: 100%;
+ opacity: 1;
@@ -9,8 +9,13 @@
.btn-404 > a {
display: inline-block;
font-size: .8em;
- border: 1px solid;
- border-radius: 4px;
+ border: 1px solid var(--c-txt-alt);
padding: .2em .4em;
margin-bottom: .4em;
+ &:hover {
+ border-color: $accent;
+ }
+ &:active {
+ border-style: dashed;
@@ -1,5 +1,5 @@
#comments {
- margin-top: 2.5em;
+ margin-top: 3em;
font-size: 1em;
.vwrap {
@@ -20,11 +20,16 @@
letter-spacing: normal;
> a {
- padding: .1em .4em;
+ padding: 0 .4em;
margin-top: .5em;
#recent-posts {
@@ -8,7 +8,6 @@
position: relative;
top: -1em;
border: solid 1px;
background: transparent;
color: var(--c-txt-alt);
@@ -23,7 +22,6 @@
display: none;
padding: 1em;
background-color: var(--c-bg-alt);
.toc-title {
@@ -219,23 +217,26 @@ hr.post-end {
.post-nav {
display: flex;
justify-content: space-between;
+ gap: 1em;
margin-top: 1.5em;
margin-bottom: 2em;
font-size: 1.2em;
-
- a {
+ padding: .5em;
+ background: var(--c-bg-alt);
+ > a {
flex-basis: 50%;
flex-grow: 1;
border: none;
- .next-post {text-align: left; padding-right: 5px;}
- .prev-post {text-align: right; padding-left: 5px;}
+ .next-post {text-align: left;}
+ .prev-post {text-align: right;}
.post-nav-label {
opacity: .8;
text-transform: uppercase;
+ color: var(--c-txt-alt);
@@ -55,7 +55,6 @@ pre {
font-size: .9em;
line-height: 1.2;
white-space: pre;
code {
padding: 0;
margin: 0;
@@ -65,7 +64,6 @@ pre {
background: var(--c-bg-alt);
- border-radius: 3px;
padding: 0 3px;
margin: 0 4px;
@@ -107,7 +105,9 @@ a {
color: $accent;
border-bottom-color: $accent;
+ border-bottom-style: dashed;
&.icon-link {
border-bottom: none;
@@ -323,7 +323,6 @@ h1#page-title {
padding: 0 0 0 1em;
margin-left: calc(0px - var(--offset));
border-right: 2px solid var(--c-bg-alt);
- border-radius: 0;
text-align: right;