mirror of
https://github.com/rowtype-yoga/ry-blocks.git
synced 2024-09-19 09:17:27 +03:00
Enough already
This commit is contained in:
parent
ef317eb73e
commit
4a00ac00fe
@ -7,8 +7,8 @@ import Fahrtwind (background', hover, zIndex)
|
|||||||
import Yoga.Block.Container.Style (col, colour, size)
|
import Yoga.Block.Container.Style (col, colour, size)
|
||||||
|
|
||||||
type Props :: forall k. (Type -> k) -> Row k -> Row k
|
type Props :: forall k. (Type -> k) -> Row k -> Row k
|
||||||
type Props f r
|
type Props f r =
|
||||||
= ( css ∷ f Style
|
( css ∷ f Style
|
||||||
| r
|
| r
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -30,7 +30,8 @@ gradientBackground =
|
|||||||
backgroundAnimation ∷ StyleProperty
|
backgroundAnimation ∷ StyleProperty
|
||||||
backgroundAnimation =
|
backgroundAnimation =
|
||||||
keyframes
|
keyframes
|
||||||
$ { "from": css { backgroundPosition: str "0% 50%" }
|
$
|
||||||
|
{ "from": css { backgroundPosition: str "0% 50%" }
|
||||||
, "to": css { backgroundPosition: str "100% 50%" }
|
, "to": css { backgroundPosition: str "100% 50%" }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -63,15 +64,15 @@ button =
|
|||||||
nested $ hover (background' col.highlightAlpha10) <> css
|
nested $ hover (background' col.highlightAlpha10) <> css
|
||||||
{ background: str "transparent"
|
{ background: str "transparent"
|
||||||
, boxShadow: none
|
, boxShadow: none
|
||||||
, color: str colour.highlight
|
, color: str colour.highlightTextOnBackground
|
||||||
, "&:active":
|
, "&:active":
|
||||||
nest
|
nest
|
||||||
{ boxShadow: none
|
{ boxShadow: none
|
||||||
}
|
}
|
||||||
, """&[data-button-type="primary"]""":
|
, """&[data-button-type="primary"]""":
|
||||||
nest {
|
nest
|
||||||
background: str colour.highlight,
|
{ background: str colour.highlight
|
||||||
boxShadow: none
|
, boxShadow: none
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
, """&[data-button-shape="pill"]""":
|
, """&[data-button-shape="pill"]""":
|
||||||
|
@ -265,7 +265,7 @@ defaultColours =
|
|||||||
, highlightRotatedBackwards: highlight # rotateHue (-13.0) # darken 0.05
|
, highlightRotatedBackwards: highlight # rotateHue (-13.0) # darken 0.05
|
||||||
, highlightRotatedForwards: highlight # rotateHue 3.0 # lighten 0.05 # saturate 0.1
|
, highlightRotatedForwards: highlight # rotateHue 3.0 # lighten 0.05 # saturate 0.1
|
||||||
, highlightText
|
, highlightText
|
||||||
, highlightTextOnBackground: highlight # rotateHue (-10.0) # darken 0.15 # saturate 0.1
|
, highlightTextOnBackground: highlight # darken 0.1 # saturate 0.1
|
||||||
, inputBackground: lightBg
|
, inputBackground: lightBg
|
||||||
, inputBorder: darken 0.07 >>> desaturate 0.2 $ lightBg
|
, inputBorder: darken 0.07 >>> desaturate 0.2 $ lightBg
|
||||||
, interfaceBackground
|
, interfaceBackground
|
||||||
@ -327,10 +327,10 @@ defaultColours =
|
|||||||
, highlightDarker: withAlpha 0.4 (Color.darken 0.5 highlightDark)
|
, highlightDarker: withAlpha 0.4 (Color.darken 0.5 highlightDark)
|
||||||
, highlightDisabled: (desaturate 0.76 >>> darken 0.32) highlightDark
|
, highlightDisabled: (desaturate 0.76 >>> darken 0.32) highlightDark
|
||||||
, highlightLighter: withAlpha 0.2 (Color.lighten 0.5 highlightDark)
|
, highlightLighter: withAlpha 0.2 (Color.lighten 0.5 highlightDark)
|
||||||
, highlightRotatedBackwards: highlightDark # rotateHue (-30.0)
|
, highlightRotatedBackwards: highlightDark # rotateHue (-10.0)
|
||||||
, highlightRotatedForwards: highlightDark # rotateHue 30.0
|
, highlightRotatedForwards: highlightDark # rotateHue 50.0
|
||||||
, highlightText
|
, highlightText: highlightDark # lighten 0.3
|
||||||
, highlightTextOnBackground: highlightDark # rotateHue (-20.0) # lighten 0.14 # saturate 0.8
|
, highlightTextOnBackground: highlightDark # lighten 0.09 # saturate 1.0
|
||||||
, inputBackground: darkBg # saturate 0.1 # lighten 0.2
|
, inputBackground: darkBg # saturate 0.1 # lighten 0.2
|
||||||
, inputBorder: darkBg # saturate 0.1 # lighten 0.25
|
, inputBorder: darkBg # saturate 0.1 # lighten 0.25
|
||||||
, interfaceBackground: interfaceBackgroundDark
|
, interfaceBackground: interfaceBackgroundDark
|
||||||
@ -367,15 +367,15 @@ defaultColours =
|
|||||||
-- highlightBase = Color.hsla 275.0 0.82 0.4
|
-- highlightBase = Color.hsla 275.0 0.82 0.4
|
||||||
-- brightPurpleBase = Color.hsla 275.0 0.82 0.4
|
-- brightPurpleBase = Color.hsla 275.0 0.82 0.4
|
||||||
-- highlightMurmurasBase = Color.hsla 220.0 0.60 0.5
|
-- highlightMurmurasBase = Color.hsla 220.0 0.60 0.5
|
||||||
highlightBase = Color.hsla 259.0 1.00 0.6
|
highlightBase = Color.hsla 244.0 0.9 0.62
|
||||||
|
|
||||||
highlight = highlightBase 1.0
|
highlight = highlightBase 1.0
|
||||||
|
|
||||||
highlightDarkBase = Color.hsla 265.0 1.00 0.6
|
highlightDarkBase = Color.hsla 240.0 1.00 0.6
|
||||||
|
|
||||||
highlightDark = Color.hsla 258.0 1.00 0.63 1.0
|
highlightDark = Color.hsla 240.0 1.00 0.63 1.0
|
||||||
|
|
||||||
highlightText = Color.rgb 0xFF 0xFF 0xFF
|
highlightText = highlight # lighten 0.36 # saturate 0.4
|
||||||
|
|
||||||
interfaceBackground = lightBg
|
interfaceBackground = lightBg
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user