64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
|
@font-face {
|
||
|
|
font-family: 'Share Tech Mono';
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local('ShareTechMono'), local('ShareTechMono-Regular'),
|
||
|
|
url(/assets/fonts/ShareTechMono-Regular.ttf) format('truetype'); }
|
||
|
|
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-size: 1.1rem;
|
||
|
|
font-variant: normal;
|
||
|
|
text-align: left; }
|
||
|
|
|
||
|
|
h4,
|
||
|
|
h5 {
|
||
|
|
text-indent: 1.5rem;
|
||
|
|
margin: 1rem 0 1rem 0; }
|
||
|
|
|
||
|
|
:is(h3, h4, h5) a { color: var(--text-color); }
|
||
|
|
|
||
|
|
:is(h3, h4, h5) a:hover { color: var(--primary-color); }
|
||
|
|
|
||
|
|
code,
|
||
|
|
pre {
|
||
|
|
font-family: 'Share Tech Mono';
|
||
|
|
font-size: 1.1rem;
|
||
|
|
letter-spacing: -1px; }
|
||
|
|
|
||
|
|
pre {
|
||
|
|
border-left: 1px solid var(--primary-color);
|
||
|
|
padding-left: .25rem;
|
||
|
|
margin: .5rem 0;
|
||
|
|
overflow: scroll;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-break: break-all; }
|
||
|
|
|
||
|
|
figure { margin: 1rem 0; }
|
||
|
|
|
||
|
|
figure.center { text-align: center; }
|
||
|
|
|
||
|
|
article {
|
||
|
|
margin-top: 1rem;
|
||
|
|
max-width: 100%; }
|
||
|
|
|
||
|
|
article:last-child { margin-bottom: 1rem; }
|
||
|
|
|
||
|
|
article header {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column; }
|
||
|
|
|
||
|
|
article header .menu {
|
||
|
|
display: flex;
|
||
|
|
font-size: .8rem;
|
||
|
|
justify-content: space-between; }
|
||
|
|
|
||
|
|
article header nav a { font-variant: normal; }
|
||
|
|
|
||
|
|
article header nav ol {
|
||
|
|
counter-reset: item;
|
||
|
|
list-style-type: none; }
|
||
|
|
|
||
|
|
article header nav ol > li { counter-increment: item; }
|
||
|
|
|
||
|
|
article header nav ol > li:before { content: counters(item, '.') '. '; }
|