git.iko.soy/rowtype-yoga/psfp
on master help sign in
Improve active element
commit6000b7f3829f652229f4cdcc2958012dc28ecaf1 authorMark Eibes <mark.eibes@zalando.de> dateWed 6 Jan 2021, 14:21 (6 years ago) parentf86fac1
5 files changed+17−12
compare with master
unifiedsplit
blog/.vscode/settings.json+1−1 blog/src/components/MDXProvider.purs+2−1 blog/src/components/PSLayout.purs+2−2 blog/src/components/fonts.js+11−7 blog/src/purescript/Typography/SmallCaps.purs+1−1
blog/.vscode/settings.json+1−1
@@ -1,5 +1,5 @@
11{
22 "workbench.preferredDarkColorTheme": "Base2Tone_HeathDark",
3− "workbench.colorTheme": "Halcyon",
3+ "workbench.colorTheme": "Horizon Bright",
44 "editor.formatOnSave": true
55}
blog/src/components/MDXProvider.purs+2−1
@@ -94,8 +94,9 @@ mkMdxProviderComponent compiler = do
9494 ( { layout: M.layout true
9595 , css:
9696 E.css
97− { fontFamily: E.str "Cormorant Garamond"
97+ { fontFamily: E.str "'Cormorant Garamond', Georgia, serif"
9898 , fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
99+ , fontWeight: E.str "400"
99100 , lineHeight: E.var "--line-height-small"
100101 , "-msHyphens": E.str "auto"
101102 , "-webkitHyphens": E.str "auto"
blog/src/components/PSLayout.purs+2−2
@@ -152,11 +152,11 @@ mkLayout fetchImpl = do
152152 , lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
153153 , marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
154154 , marginRight: Emotion.var "--s-2"
155− , "&::selection":
155+ , "&:::selection":
156156 Emotion.nested
157157 $ Emotion.css
158158 { color: Emotion.str colour.highlightText
159− , background: Emotion.str colour.highlight
159+ , background: Emotion.str "green" -- colour.highlight
160160 }
161161 }
162162 }
blog/src/components/fonts.js+11−7
@@ -1,8 +1,12 @@
11// Fonts
2−import "@fontsource/cormorant-garamond/latin-ext-500.css"
3−import "@fontsource/cormorant-garamond/latin-ext-500-italic.css"
4−import "@fontsource/cormorant-garamond/latin-ext-600.css"
5−import "@fontsource/cormorant-garamond/latin-ext-600-italic.css"
6−import "@fontsource/cormorant-garamond/latin-ext-700.css"
7−import "@fontsource/cormorant-garamond/latin-ext-700-italic.css"
8−import "@fontsource/cormorant-sc/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"
5+import "@fontsource/cormorant-garamond/500-italic.css"
6+import "@fontsource/cormorant-garamond/600.css"
7+import "@fontsource/cormorant-garamond/600-italic.css"
8+import "@fontsource/cormorant-garamond/700.css"
9+import "@fontsource/cormorant-garamond/700-italic.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
1616 { className: "small-caps"
1717 , css:
1818 E.css
19− { fontFamily: E.str "'Cormorant SC'"
19+ { fontFamily: E.str "Cormorant SC"
2020 }
2121 }
2222 [ R.text $ text ]