hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Use JetBrains Mono again, new header styles, rounded table corners

Browse Source
This commit is contained in:
daudix-UFO
2023-12-25 04:10:29 +03:00
parent dc0d9abdbd
commit 8bdd8d97a5
15 changed files with 34 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
sass/_fonts.scss
View File

@ -1,34 +1,30 @@
@font-face {
font-family: "Inter Variable";
font-family: InterVariable;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("./fonts/inter-variable.woff2?v=4.0") format("woff2"),
url("./fonts/inter-variable.ttf?v=4.0") format("truetype");
src: url("./fonts/InterVariable.woff2?v=4.0") format("woff2");
}
@font-face {
font-family: "Inter Variable";
font-family: InterVariable;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url("./fonts/inter-variable-italic.woff2?v=4.0") format("woff2"),
url("./fonts/inter-variable-italic.ttf?v=4.0") format("truetype");
src: url("./fonts/InterVariable-Italic.woff2?v=4.0") format("woff2");
}
@font-face {
font-family: "Source Code VF";
font-family: JetBrainsMono;
font-style: normal;
font-weight: 200 900;
font-stretch: normal;
src: url("./fonts/source-code-vf-upright.woff2?v=1.026R") format("woff2"),
url("./fonts/source-code-vf-upright.ttf?v=1.026R") format("truetype");
font-weight: 100 800;
font-display: swap;
src: url("./fonts/JetBrainsMono.woff2?v=2.304") format("woff2");
}
@font-face {
font-family: "Source Code VF";
font-family: JetBrainsMono;
font-style: italic;
font-weight: 200 900;
font-stretch: normal;
src: url("./fonts/source-code-vf-italic.woff2?v=1.026R") format("woff2"),
url("./fonts/source-code-vf-italic.ttf?v=1.026R") format("truetype");
font-weight: 100 800;
font-display: swap;
src: url("./fonts/JetBrainsMono-Italic.woff2?v=2.304") format("woff2");
}

32
sass/_main.scss
View File

@ -26,7 +26,7 @@ body {
}
body {
font-family: "Inter Variable", sans-serif;
font-family: InterVariable, sans-serif;
line-height: 1.6;
color: var(--fg-color);
background-color: var(--bg-color);
@ -52,6 +52,7 @@ body {
@keyframes highlight-in-out {
50% {
color: var(--primary-color);
font-weight: 800;
}
}
}
@ -76,9 +77,12 @@ h3,
h4,
h5,
h6 {
margin: 3rem 0 1rem;
font-weight: 600;
font-family: JetBrainsMono, monospace;
font-feature-settings: "ss02";
font-style: italic;
font-weight: 200;
line-height: 1.25;
margin: 3rem 0 1rem;
.zola-anchor {
display: none;
@ -93,30 +97,29 @@ h6 {
}
h1 {
letter-spacing: -0.08rem;
font-weight: 900;
font-size: 3rem;
a {
font-weight: 900;
}
font-weight: 400;
letter-spacing: -0.14rem;
}
h2 {
font-size: 2.4rem;
letter-spacing: -0.04rem;
letter-spacing: -0.14rem;
}
h3 {
font-size: 1.5rem;
letter-spacing: -0.08rem;
}
h4 {
font-size: 1.25rem;
letter-spacing: -0.06rem;
}
h5 {
font-size: 1rem;
letter-spacing: -0.04rem;
}
h6 {
@ -177,8 +180,9 @@ abbr {
// CODE
pre,
code {
font-family: "Source Code VF", monospace;
code,
kbd {
font-family: JetBrainsMono, monospace;
}
code:not(pre code) {
@ -275,6 +279,8 @@ details {
// TABLES
table {
border-collapse: collapse;
border-radius: var(--rounded-corner);
overflow: hidden;
table-layout: fixed;
width: 100%;
@ -559,7 +565,7 @@ img {
}
.big {
font-size: 150%;
font-size: 1.5rem;
}
&.archive {