diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/landing/sections/Contact.module.css | 2 | ||||
-rw-r--r-- | src/css/custom.css | 32 | ||||
-rw-r--r-- | src/plugins/responsiveLoaderPlugin.ts | 1 |
3 files changed, 24 insertions, 11 deletions
diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css index cfe1455..77d1861 100644 --- a/src/components/landing/sections/Contact.module.css +++ b/src/components/landing/sections/Contact.module.css | |||
@@ -102,8 +102,8 @@ | |||
102 | 102 | ||
103 | .contact__description { | 103 | .contact__description { |
104 | margin: 0; | 104 | margin: 0; |
105 | font-style: italic; | ||
105 | --slnt: -15; | 106 | --slnt: -15; |
106 | --crsv: 1; | ||
107 | font-size: 0.875rem; | 107 | font-size: 0.875rem; |
108 | --marussy-contact-color: var(--marussy-contact-muted-color-or-hover); | 108 | --marussy-contact-color: var(--marussy-contact-muted-color-or-hover); |
109 | color: var(--marussy-contact-muted-color-or-hover); | 109 | color: var(--marussy-contact-muted-color-or-hover); |
diff --git a/src/css/custom.css b/src/css/custom.css index bd6e179..61e8879 100644 --- a/src/css/custom.css +++ b/src/css/custom.css | |||
@@ -10,6 +10,8 @@ | |||
10 | * work well for content-centric websites. | 10 | * work well for content-centric websites. |
11 | */ | 11 | */ |
12 | 12 | ||
13 | @import 'katex/dist/katex.css'; | ||
14 | |||
13 | @import './fonts.css'; | 15 | @import './fonts.css'; |
14 | @import './sr-only.css'; | 16 | @import './sr-only.css'; |
15 | 17 | ||
@@ -29,7 +31,7 @@ | |||
29 | --mono: 0; | 31 | --mono: 0; |
30 | --casl: 0; | 32 | --casl: 0; |
31 | --slnt: 0; | 33 | --slnt: 0; |
32 | --crsv: 0; | 34 | --crsv: 0.5; |
33 | --marussy-heading-tracking: -0.032em; | 35 | --marussy-heading-tracking: -0.032em; |
34 | --marussy-button-tracking: -0.026em; | 36 | --marussy-button-tracking: -0.026em; |
35 | } | 37 | } |
@@ -59,25 +61,20 @@ | |||
59 | font-feature-settings: | 61 | font-feature-settings: |
60 | /* Use single-story g in body text. */ | 62 | /* Use single-story g in body text. */ |
61 | 'ss02' calc(1 - min(var(--casl) * 1000, 1)), | 63 | 'ss02' calc(1 - min(var(--casl) * 1000, 1)), |
62 | /* Simplified l in code. */ 'ss05' | 64 | /* Simplified l in code. */ 'ss05' 1, |
63 | calc(1 - min(1000 - var(--mono) * 1000, 1)), | ||
64 | /* Dotted zero in code. */ 'ss10' | 65 | /* Dotted zero in code. */ 'ss10' |
65 | calc(1 - min(1000 - var(--mono) * 1000, 1)), | 66 | calc(clamp(0, var(--mono) * 1000 - 500, 1)), |
66 | /* Simplified @ in code. */ 'ss12' | 67 | /* Simplified @ in code. */ 'ss12' |
67 | calc(1 - min(1000 - var(--mono) * 1000, 1)), | 68 | calc(clamp(0, var(--mono) * 1000 - 500, 1)), |
68 | /* No descender for Q in titles. */ 'titl' calc(min(var(--casl) * 1000, 1)), | 69 | /* No descender for Q in titles. */ 'titl' calc(min(var(--casl) * 1000, 1)) !important; |
69 | /* Enable italic ligatures. */ 'liga' !important; | ||
70 | } | 70 | } |
71 | 71 | ||
72 | i, | 72 | i, |
73 | em { | 73 | em { |
74 | font-style: normal; | ||
75 | --slnt: -15; | 74 | --slnt: -15; |
76 | --crsv: 1; | ||
77 | } | 75 | } |
78 | 76 | ||
79 | code, | 77 | code, |
80 | pre, | ||
81 | kbd { | 78 | kbd { |
82 | --mono: 1; | 79 | --mono: 1; |
83 | } | 80 | } |
@@ -113,3 +110,18 @@ h3 { | |||
113 | .hero__subtitle { | 110 | .hero__subtitle { |
114 | font-weight: 500; | 111 | font-weight: 500; |
115 | } | 112 | } |
113 | |||
114 | .footnotes { | ||
115 | margin-top: 3rem; | ||
116 | padding-top: var(--ifm-hr-margin-vertical); | ||
117 | border-top: var(--ifm-hr-height) solid var(--ifm-hr-background-color); | ||
118 | } | ||
119 | |||
120 | .markdown > .footnotes ol, | ||
121 | .markdown > .footnotes li:last-of-type :last-of-type { | ||
122 | margin-bottom: 0; | ||
123 | } | ||
124 | |||
125 | .katex-display { | ||
126 | overflow-y: auto; | ||
127 | } | ||
diff --git a/src/plugins/responsiveLoaderPlugin.ts b/src/plugins/responsiveLoaderPlugin.ts index b4600e5..6334c4c 100644 --- a/src/plugins/responsiveLoaderPlugin.ts +++ b/src/plugins/responsiveLoaderPlugin.ts | |||
@@ -22,6 +22,7 @@ export default function responsiveLoaderPlugin(): Plugin { | |||
22 | rules: [ | 22 | rules: [ |
23 | { | 23 | { |
24 | test: /\.(png|jpe?g)$/, | 24 | test: /\.(png|jpe?g)$/, |
25 | resourceQuery: /[?&]rl$/, | ||
25 | use: [ | 26 | use: [ |
26 | { | 27 | { |
27 | loader: 'responsive-loader', | 28 | loader: 'responsive-loader', |