module Design.Appearing
  ( design
  ) where

import           Clay

design :: Css
design = do

  appearKeyframe

  ".g-Appearing" ? do
    appearAnimation

appearAnimation :: Css
appearAnimation = do
  animationName "appear"
  animationDuration (sec 0.2)
  animationTimingFunction easeIn

appearKeyframe :: Css
appearKeyframe = keyframes
  "appear"
  [ (0, "opacity" -: "0")
  ]