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