git.iko.soy/rowtype-yoga/psfp
on master help sign in
First letter
134dc56Mark Eibes
blog/src/components/MDXProvider.purs+3−1
compare with master
unifiedsplit
@@ -100,10 +100,12 @@ mkMdxProviderComponent compiler = do
100 , css:
100 , css:
101 E.css
101 E.css
102 { fontFamily: E.str "Cormorant Garamond"
102 { 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"
104 , "-ms-hyphens": E.str "auto"
105 , "-ms-hyphens": E.str "auto"
105 , "-webkit-hyphens": E.str "auto"
106 , "-webkit-hyphens": E.str "auto"
106 , hyphens: E.str "auto"
107 , hyphens: E.str "auto"
108+ , overflow: E.str "hidden"
107 }
109 }
108 , className: "blog-p"
110 , className: "blog-p"
109 , children: parChildren
111 , children: parChildren
blog/src/components/PSLayout.purs+10−6
@@ -147,14 +147,18 @@ mkLayout fetchImpl = do
147 { "& > p:first-of-type:first-letter":
147 { "& > p:first-of-type:first-letter":
148 Emotion.nested
148 Emotion.nested
149 $ Emotion.css
149 $ 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"
154 , float: Emotion.str "left"
151 , float: Emotion.str "left"
155− , marginTop: Emotion.str "calc(var(--s0))"
152+ , fontSize: Emotion.str "min(calc(var(--s0) * 1 + 8.03vw), var(--s5))"
156− , lineHeight: Emotion.var "--s3"
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))"
157 , marginRight: Emotion.var "--s-2"
155 , 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+ }
158 }
162 }
159 }
163 }
160 }
164 }