git.iko.soy/rowtype-yoga/psfp
on master help sign in
First letter
commit134dc56bec289a34dbda8afa5ca47cc235fde231 authorMark Eibes <mark.eibes@gmail.com> dateMon 4 Jan 2021, 10:27 (6 years ago) parenta333b88
2 files changed+13−7
compare with master
unifiedsplit
blog/src/components/MDXProvider.purs+3−1 blog/src/components/PSLayout.purs+10−6
blog/src/components/MDXProvider.purs+3−1
@@ -100,10 +100,12 @@ mkMdxProviderComponent compiler = do
100100 , css:
101101 E.css
102102 { fontFamily: E.str "Cormorant Garamond"
103− , fontSize: E.str "min(calc(var(--s0) + 4vw), var(--s1))"
103+ , fontSize: E.str "min(calc(var(--s-1) + 2.4vw), var(--s1))"
104+ , lineHeight: E.var "--line-height-small"
104105 , "-ms-hyphens": E.str "auto"
105106 , "-webkit-hyphens": E.str "auto"
106107 , hyphens: E.str "auto"
108+ , overflow: E.str "hidden"
107109 }
108110 , className: "blog-p"
109111 , children: parChildren
blog/src/components/PSLayout.purs+10−6
@@ -147,14 +147,18 @@ mkLayout fetchImpl = do
147147 { "& > p:first-of-type:first-letter":
148148 Emotion.nested
149149 $ Emotion.css
150− { fontSize: Emotion.var "--s4"
151− , height: Emotion.var "--s3"
152− , display: Emotion.str "block"
153− , overflow: Emotion.str "hidden"
150+ { overflow: Emotion.str "hidden"
154151 , float: Emotion.str "left"
155− , marginTop: Emotion.str "calc(var(--s0))"
156− , lineHeight: Emotion.var "--s3"
152+ , fontSize: Emotion.str "min(calc(var(--s0) * 1 + 8.03vw), var(--s5))"
153+ , lineHeight: Emotion.str "min(calc(var(--s-1) + 2px + 3vw), var(--s3))"
154+ , marginTop: Emotion.str "min(calc(var(--s-1) + 1.5vw), var(--s2))"
157155 , marginRight: Emotion.var "--s-2"
156+ , "&::selection":
157+ Emotion.nested
158+ $ Emotion.css
159+ { color: Emotion.str colour.highlightText
160+ , background: Emotion.str colour.highlight
161+ }
158162 }
159163 }
160164 }