rowtype-yoga/psfp
1
0
Fork 0
mirror of https://github.com/rowtype-yoga/psfp.git synced 2024-09-11 16:25:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

First letter

Browse Source
This commit is contained in:
Mark Eibes 2021-01-04 10:27:34 +01:00
parent a333b88a48
commit 134dc56bec
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,10 +100,12 @@ mkMdxProviderComponent compiler = do
, css:
E.css
{ fontFamily: E.str "Cormorant Garamond"
, fontSize: E.str "min(calc(var(--s0) + 4vw), var(--s1))"
, fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
, lineHeight: E.var "--line-height-small"
, "-ms-hyphens": E.str "auto"
, "-webkit-hyphens": E.str "auto"
, hyphens: E.str "auto"
, overflow: E.str "hidden"
}
, className: "blog-p"
, children: parChildren

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

@ -147,14 +147,18 @@ mkLayout fetchImpl = do
{ "& > p:first-of-type:first-letter":
Emotion.nested
$ Emotion.css
{ fontSize: Emotion.var "--s4"
, height: Emotion.var "--s3"
, display: Emotion.str "block"
, overflow: Emotion.str "hidden"
{ overflow: Emotion.str "hidden"
, float: Emotion.str "left"
, marginTop: Emotion.str "calc(var(--s0))"
, lineHeight: Emotion.var "--s3"
, fontSize: Emotion.str "min(calc(var(--s0) * 1 + 8.03vw), var(--s5))"
, 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":
Emotion.nested
$ Emotion.css
{ color: Emotion.str colour.highlightText
, background: Emotion.str colour.highlight
}
}
}
}