@@ -3,7 +3,7 @@ module Yoga.Block.Atom.Button.Style where
3import Yoga.Prelude.Style
3import Yoga.Prelude.Style
5import Data.Interpolate (i)
5import Data.Interpolate (i)
6−import Fahrtwind (zIndex)
6+import Fahrtwind (background', hover, zIndex)
7import Yoga.Block.Container.Style (col, colour, size)
7import Yoga.Block.Container.Style (col, colour, size)
9type Props :: forall k. (Type -> k) -> Row k -> Row k
9type Props :: forall k. (Type -> k) -> Row k -> Row k
@@ -60,14 +60,10 @@ button =
60 , "& > .ry-drip": nested (zIndex 0)
60 , "& > .ry-drip": nested (zIndex 0)
61 , "& > :not(.ry-drip)": nested (zIndex 1)
61 , "& > :not(.ry-drip)": nested (zIndex 1)
62 , """&[data-button-shape="flat"]""":
62 , """&[data-button-shape="flat"]""":
63− nest
63+ nested $ hover (background' col.highlightAlpha10) <> css
64 { background: str "transparent"
64 { background: str "transparent"
65 , boxShadow: none
65 , boxShadow: none
66 , color: str colour.highlight
66 , color: str colour.highlight
69− { background: str colour.highlightAlpha10
71 , "&:active":
67 , "&:active":
73 { boxShadow: none
69 { boxShadow: none