rowtype-yoga/psfp
1
0
Fork 0
mirror of https://github.com/rowtype-yoga/psfp.git synced 2024-10-27 00:50:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve active element

Browse Source
This commit is contained in:
Mark Eibes 2021-01-06 14:21:57 +01:00
parent f86fac1dca
commit 6000b7f382
5 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
blog/.vscode/settings.json vendored
View File

@ -1,5 +1,5 @@
{
"workbench.preferredDarkColorTheme": "Base2Tone_HeathDark",
"workbench.colorTheme": "Halcyon",
"workbench.colorTheme": "Horizon Bright",
"editor.formatOnSave": true
}

3
blog/src/components/MDXProvider.purs
View File

@ -94,8 +94,9 @@ mkMdxProviderComponent compiler = do
( { layout: M.layout true
, css:
E.css
{ fontFamily: E.str "Cormorant Garamond"
{ fontFamily: E.str "'Cormorant Garamond', Georgia, serif"
, fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
, fontWeight: E.str "400"
, lineHeight: E.var "--line-height-small"
, "-msHyphens": E.str "auto"
, "-webkitHyphens": E.str "auto"

4
blog/src/components/PSLayout.purs
View File

@ -152,11 +152,11 @@ mkLayout fetchImpl = do
, lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
, marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
, marginRight: Emotion.var "--s-2"
, "&::selection":
, "&:::selection":
Emotion.nested
$ Emotion.css
{ color: Emotion.str colour.highlightText
, background: Emotion.str colour.highlight
, background: Emotion.str "green" -- colour.highlight
}
}
}

18
blog/src/components/fonts.js
View File

@ -1,8 +1,12 @@
// Fonts
import "@fontsource/cormorant-garamond/latin-ext-500.css"
import "@fontsource/cormorant-garamond/latin-ext-500-italic.css"
import "@fontsource/cormorant-garamond/latin-ext-600.css"
import "@fontsource/cormorant-garamond/latin-ext-600-italic.css"
import "@fontsource/cormorant-garamond/latin-ext-700.css"
import "@fontsource/cormorant-garamond/latin-ext-700-italic.css"
import "@fontsource/cormorant-sc/latin-ext-500.css"
import "@fontsource/cormorant-garamond/400.css"
import "@fontsource/cormorant-garamond/400-italic.css"
import "@fontsource/cormorant-garamond/500.css"
import "@fontsource/cormorant-garamond/500-italic.css"
import "@fontsource/cormorant-garamond/600.css"
import "@fontsource/cormorant-garamond/600-italic.css"
import "@fontsource/cormorant-garamond/700.css"
import "@fontsource/cormorant-garamond/700-italic.css"
import "@fontsource/cormorant-sc/400.css"
import "@fontsource/cormorant-sc/500.css"
import "@fontsource/cormorant-sc"

2
blog/src/purescript/Typography/SmallCaps.purs
View File

@ -16,7 +16,7 @@ mkSmallCaps = do
{ className: "small-caps"
, css:
E.css
{ fontFamily: E.str "'Cormorant SC'"
{ fontFamily: E.str "Cormorant SC"
}
}
[ R.text $ text ]