mirror of
https://github.com/rowtype-yoga/ry-blocks.git
synced 2024-09-11 21:38:06 +03:00
Nach bestem Wissen und Gewissen
This commit is contained in:
parent
fb540f1648
commit
65f59e9e57
@ -188,7 +188,7 @@ inputContainer props = theCss <>? props.css
|
||||
, letterSpacing: em (-0.011)
|
||||
, position: relative
|
||||
, cursor: str "text"
|
||||
, boxSizing: borderBox
|
||||
, boxSizing: contentBox
|
||||
, display: flex
|
||||
, """&[data-invalid="false"]""":
|
||||
nest
|
||||
@ -200,6 +200,7 @@ inputContainer props = theCss <>? props.css
|
||||
nest
|
||||
{ borderColor: str colour.invalid
|
||||
, marginTop: str "-1px"
|
||||
, marginLeft: str "-1px"
|
||||
, "--border-width": str "2px"
|
||||
}
|
||||
, "&:focus-within":
|
||||
@ -225,7 +226,9 @@ ploppedFocusWithin = css
|
||||
{ "&:focus-within":
|
||||
nest
|
||||
{ transition: str "border-color 0.18s ease-out"
|
||||
, boxSizing: contentBox
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
containerBackground ∷ ∀ r. { | Props OptionalProp r } -> Style
|
||||
@ -253,6 +256,7 @@ containerContainer props = css
|
||||
SizeMedium -> str "var(--s-1)"
|
||||
SizeSmall -> str "var(--s-2)"
|
||||
, borderRadius: var "--input-border-radius"
|
||||
, boxSizing: contentBox
|
||||
, display: grid
|
||||
, overflow: visible
|
||||
}
|
||||
@ -287,7 +291,6 @@ input props =
|
||||
, paddingLeft: _0
|
||||
, paddingRight: _0
|
||||
, fontSize: str "calc(var(--input-size-factor) * 16px)"
|
||||
-- , fontSize: str "calc(var(--s0))"
|
||||
, "&::placeholder":
|
||||
nest
|
||||
{ color: str (props.placeholderColour ?|| colour.placeholderText)
|
||||
|
@ -331,8 +331,8 @@ defaultColours =
|
||||
, highlightRotatedForwards: highlightDark # rotateHue 50.0
|
||||
, highlightText: highlightDark # lighten 0.3
|
||||
, highlightTextOnBackground: highlightDark # lighten 0.09 # saturate 1.0
|
||||
, inputBackground: darkBg # saturate 0.1 # lighten 0.2
|
||||
, inputBorder: darkBg # saturate 0.1 # lighten 0.25
|
||||
, inputBackground: lighten 0.09 >>> saturate 0.04 $ darkBg
|
||||
, inputBorder: lighten 0.12 >>> saturate 0.02 $ darkBg
|
||||
, interfaceBackground: interfaceBackgroundDark
|
||||
, interfaceBackgroundDangerous: interfaceBackgroundDangerousDark
|
||||
, interfaceBackgroundDisabled: lighten 0.14 >>> saturate 0.02 $ darkBg
|
||||
|
Loading…
Reference in New Issue
Block a user