@@ -3,7 +3,7 @@ module Yoga.Block.Atom.Button.Style where
33import Yoga.Prelude.Style
44
55import Data.Interpolate (i)
6−import Fahrtwind (zIndex)
6+import Fahrtwind (background', hover, zIndex)
77import Yoga.Block.Container.Style (col, colour, size)
88
99type Props :: forall k. (Type -> k) -> Row k -> Row k
@@ -60,14 +60,10 @@ button =
6060 , "& > .ry-drip": nested (zIndex 0)
6161 , "& > :not(.ry-drip)": nested (zIndex 1)
6262 , """&[data-button-shape="flat"]""":
63− nest
63+ nested $ hover (background' col.highlightAlpha10) <> css
6464 { background: str "transparent"
6565 , boxShadow: none
6666 , color: str colour.highlight
67− , "&:hover":
68− nest
69− { background: str colour.highlightAlpha10
70− }
7167 , "&:active":
7268 nest
7369 { boxShadow: none