cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: typography

Browse source
This commit is contained in:
Cory Dransfeldt 2023-10-29 16:14:25 -07:00
parent a4472722f6
commit e35433cf93
7 changed files with 445 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "2.1.0", "version": "2.2.0",
"description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Netlify.", "description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Netlify.",
"main": "index.html", "main": "index.html",
"scripts": { "scripts": {

4
src/_includes/base.liquid
View file

@ -29,13 +29,15 @@
rel="icon" rel="icon"
type="image/svg+xml"> type="image/svg+xml">
<link href="/assets/icons/apple-touch-icon.png?v={% version %}" rel="apple-touch-icon"> <link href="/assets/icons/apple-touch-icon.png?v={% version %}" rel="apple-touch-icon">
<link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
{% capture css %} {% capture css %}
{% render "../assets/styles/prism.css" %} {% render "../assets/styles/prism.css" %}
{% render "../assets/styles/ml.css" %}
{% render "../assets/styles/silka.css" %}
{% endcapture %} {% endcapture %}
<style> <style>
{{ css | cssmin }} {{ css | cssmin }}
</style> </style>
<link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
<link rel="webmention" href="https://webmention.io/coryd.dev/webmention" /> <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
<link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" /> <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
<link <link

359
src/assets/styles/ml.css Normal file
View file

File diff suppressed because one or more lines are too long

27
src/assets/styles/prism.css
View file

@ -1,12 +1,13 @@
/** /**
* Catppuccin Prism theme * Catppuccin Prism theme
*/ */
code[class*="language-"], code[class*='language-'],
pre[class*="language-"] { pre[class*='language-'] {
color: #d9e0ee; color: #d9e0ee;
background: none; background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-family: ml, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
'Courier New', monospace;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
@ -23,22 +24,22 @@ pre[class*="language-"] {
} }
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*='language-'] {
padding: 1em; padding: 1em;
margin: .5em 0; margin: 0.5em 0;
overflow: auto; overflow: auto;
border-radius: 0.3em; border-radius: 0.3em;
} }
:not(pre) > code[class*="language-"], :not(pre) > code[class*='language-'],
pre[class*="language-"] { pre[class*='language-'] {
background: #1e1d2f; background: #1e1d2f;
} }
/* Inline code */ /* Inline code */
:not(pre) > code[class*="language-"] { :not(pre) > code[class*='language-'] {
padding: .1em; padding: 0.1em;
border-radius: .3em; border-radius: 0.3em;
white-space: normal; white-space: normal;
} }
@ -50,11 +51,11 @@ pre[class*="language-"] {
} }
.token.punctuation { .token.punctuation {
color: #dce0e8 color: #dce0e8;
} }
.namespace { .namespace {
opacity: .7; opacity: 0.7;
} }
.token.property, .token.property,
@ -115,4 +116,4 @@ pre[class*="language-"] {
.token.entity { .token.entity {
cursor: help; cursor: help;
} }

65
src/assets/styles/silka.css Normal file
View file

File diff suppressed because one or more lines are too long

4
tailwind.config.js
View file

@ -13,8 +13,8 @@ module.exports = {
14: '3.5rem', 14: '3.5rem',
}, },
fontFamily: { fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans], sans: ['silka', 'Inter', ...defaultTheme.fontFamily.sans],
mono: ['ui-monospace', 'SFMono-Regular', ...defaultTheme.fontFamily.mono], mono: ['ml', ...defaultTheme.fontFamily.mono],
}, },
backgroundImage: { backgroundImage: {
'cover-gradient': 'cover-gradient':

7
tailwind.css
View file

@ -89,6 +89,7 @@ li > a {
} }
code { code {
@apply font-mono;
@apply text-gray-50; @apply text-gray-50;
padding: 0.25rem; padding: 0.25rem;
} }
@ -129,12 +130,6 @@ pre {
background: theme(colors.blue.800); background: theme(colors.blue.800);
} }
code[class*='language-'],
pre[class*='language-'] {
@apply font-mono;
font-weight: 400 !important;
}
[data-tablericon-name] { [data-tablericon-name] {
stroke-width: 1.4; stroke-width: 1.4;
} }