mirror of
https://github.com/rowtype-yoga/psfp.git
synced 2024-09-11 16:25:36 +03:00
First letter
This commit is contained in:
parent
a333b88a48
commit
134dc56bec
@ -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
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user