@@ -218,8 +218,7 @@ inputContainer props = theCss <>? props.css
220containerContainer ∷ ∀ r. { | Props OptionalProp r } -> Style
220containerContainer ∷ ∀ r. { | Props OptionalProp r } -> Style
221−containerContainer props = css { display: grid
221+containerContainer props = css { "--border-width": str "1px"
222− , "--border-width": str "1px"
223 , "--input-border-radius": var "--s-1"
222 , "--input-border-radius": var "--s-1"
224 , background: str (props.background ?|| colour.inputBackground)
223 , background: str (props.background ?|| colour.inputBackground)
225 , boxSizing: contentBox
224 , boxSizing: contentBox
@@ -228,7 +227,7 @@ containerContainer props = css { display: grid
228 0 1px 1px rgba(200,200,255,0.2),
227 0 1px 1px rgba(200,200,255,0.2),
229 0 2px 2px rgba(200,200,255,0.1),
228 0 2px 2px rgba(200,200,255,0.1),
230 0 4px 8px rgba(200,200,255,0.03)"""
229 0 4px 8px rgba(200,200,255,0.03)"""
231− , border: str $ "var(--border-width) solid " <> colour.inputBorder
230+ , border: str $ "var(--border-width) solid " <> colour.inputBorder
234inputWrapper ∷ Style
233inputWrapper ∷ Style