git.iko.soy/rowtype-yoga/psfp
on master help sign in
Improve active element
6000b7fMark Eibes
blog/.vscode/settings.json+1−1
compare with master
unifiedsplit
@@ -1,5 +1,5 @@
1{
1{
2 "workbench.preferredDarkColorTheme": "Base2Tone_HeathDark",
2 "workbench.preferredDarkColorTheme": "Base2Tone_HeathDark",
3− "workbench.colorTheme": "Halcyon",
3+ "workbench.colorTheme": "Horizon Bright",
4 "editor.formatOnSave": true
4 "editor.formatOnSave": true
5}
5}
blog/src/components/MDXProvider.purs+2−1
@@ -94,8 +94,9 @@ mkMdxProviderComponent compiler = do
94 ( { layout: M.layout true
94 ( { layout: M.layout true
95 , css:
95 , css:
96 E.css
96 E.css
97− { fontFamily: E.str "Cormorant Garamond"
97+ { fontFamily: E.str "'Cormorant Garamond', Georgia, serif"
98 , fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
98 , fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
99+ , fontWeight: E.str "400"
99 , lineHeight: E.var "--line-height-small"
100 , lineHeight: E.var "--line-height-small"
100 , "-msHyphens": E.str "auto"
101 , "-msHyphens": E.str "auto"
101 , "-webkitHyphens": E.str "auto"
102 , "-webkitHyphens": E.str "auto"
blog/src/components/PSLayout.purs+2−2
@@ -152,11 +152,11 @@ mkLayout fetchImpl = do
152 , lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
152 , lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
153 , marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
153 , marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
154 , marginRight: Emotion.var "--s-2"
154 , marginRight: Emotion.var "--s-2"
155− , "&::selection":
155+ , "&:::selection":
156 Emotion.nested
156 Emotion.nested
157 $ Emotion.css
157 $ Emotion.css
158 { color: Emotion.str colour.highlightText
158 { color: Emotion.str colour.highlightText
159− , background: Emotion.str colour.highlight
159+ , background: Emotion.str "green" -- colour.highlight
160 }
160 }
161 }
161 }
162 }
162 }
blog/src/components/fonts.js+11−7
@@ -1,8 +1,12 @@
1// Fonts
1// Fonts
2−import "@fontsource/cormorant-garamond/latin-ext-500.css"
2+import "@fontsource/cormorant-garamond/400.css"
3+import "@fontsource/cormorant-garamond/400-italic.css"
4+import "@fontsource/cormorant-garamond/500.css"
3−import "@fontsource/cormorant-garamond/latin-ext-500-italic.css"
5+import "@fontsource/cormorant-garamond/500-italic.css"
4−import "@fontsource/cormorant-garamond/latin-ext-600.css"
6+import "@fontsource/cormorant-garamond/600.css"
5−import "@fontsource/cormorant-garamond/latin-ext-600-italic.css"
7+import "@fontsource/cormorant-garamond/600-italic.css"
6−import "@fontsource/cormorant-garamond/latin-ext-700.css"
8+import "@fontsource/cormorant-garamond/700.css"
7−import "@fontsource/cormorant-garamond/latin-ext-700-italic.css"
9+import "@fontsource/cormorant-garamond/700-italic.css"
8−import "@fontsource/cormorant-sc/latin-ext-500.css"
10+import "@fontsource/cormorant-sc/400.css"
11+import "@fontsource/cormorant-sc/500.css"
12+import "@fontsource/cormorant-sc"
blog/src/purescript/Typography/SmallCaps.purs+1−1
@@ -16,7 +16,7 @@ mkSmallCaps = do
16 { className: "small-caps"
16 { className: "small-caps"
17 , css:
17 , css:
18 E.css
18 E.css
19− { fontFamily: E.str "'Cormorant SC'"
19+ { fontFamily: E.str "Cormorant SC"
20 }
20 }
21 }
21 }
22 [ R.text $ text ]
22 [ R.text $ text ]