Dev Notes

Dev Notes: December 27 - January 2, 2025

Work

It’s the holidays, so there’s not much work that went on.

Personal Projects

CSS Shenanigans

Got to learn an interesting CSS behavior today, the snippet below wasn’t working. It wasn’t loading the font Argon.

@import url('https://cdn.jsdelivr.net/npm/@fontsource/monaspace-argon@5.1.0/400.min.css');

.code {
    font-family: var(--font-secondary);
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
}

After some pretty deep research, it seems I have to use pre codeblock to override according to this site.

pre {
  font-family: var(--font-secondary);
  font-size: var(--font-scale);
}

.code {
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
}

No idea what’s happening but it worked. That’s all for now.

Interesting stuffs

#dev-notes