Clay.Transition

clay-0.15.0: CSS preprocessor as embedded Haskell.

Safe Haskell | None
Language | Haskell2010

Clay.Transition

Contents

- The transition propery.
- Transition-property.
- Transition-duration.
- Transition-timing-function.
- Transition-delay.

Synopsis

- transition :: Text -> Time -> TimingFunction -> Time -> Css
- transitions :: [(Text, Time, TimingFunction, Time)] -> Css
- transitionProperty :: Text -> Css
- transitionProperties :: [Text] -> Css
- transitionDuration :: Time -> Css
- transitionDurations :: [Time] -> Css
- data TimingFunction
- transitionTimingFunction :: TimingFunction -> Css
- transitionTimingFunctions :: [TimingFunction] -> Css
- ease :: TimingFunction
- easeIn :: TimingFunction
- easeOut :: TimingFunction
- easeInOut :: TimingFunction
- linear :: TimingFunction
- stepStart :: TimingFunction
- stepEnd :: TimingFunction
- stepStop :: TimingFunction
- stepsStart :: Integer -> TimingFunction
- stepsStop :: Integer -> TimingFunction
- cubicBezier :: Number -> Number -> Number -> Number -> TimingFunction
- transitionDelay :: Time -> Css
- transitionDelays :: [Time] -> Css

# The transition propery.

transition :: Text -> Time -> TimingFunction -> Time -> Css #

transitions :: [(Text, Time, TimingFunction, Time)] -> Css #

# Transition-property.

transitionProperty :: Text -> Css #

transitionProperties :: [Text] -> Css #

# Transition-duration.

transitionDuration :: Time -> Css #

transitionDurations :: [Time] -> Css #

# Transition-timing-function.

data TimingFunction #

#### Instances

Instances details

Auto TimingFunction # |
Instance details Defined in Clay.Transition Methods auto :: TimingFunction #
Other TimingFunction # |
Instance details Defined in Clay.Transition Methods other :: Value -> TimingFunction #
Val TimingFunction # |
Instance details Defined in Clay.Transition Methods value :: TimingFunction -> Value #

transitionTimingFunction :: TimingFunction -> Css #

transitionTimingFunctions :: [TimingFunction] -> Css #

ease :: TimingFunction #

easeIn :: TimingFunction #

easeOut :: TimingFunction #

easeInOut :: TimingFunction #

linear :: TimingFunction #

stepStart :: TimingFunction #

stepEnd :: TimingFunction #

stepStop :: TimingFunction #

Deprecated: Use `stepEnd` instead.

stepsStart :: Integer -> TimingFunction #

stepsStop :: Integer -> TimingFunction #

cubicBezier :: Number -> Number -> Number -> Number -> TimingFunction #

# Transition-delay.

transitionDelay :: Time -> Css #

transitionDelays :: [Time] -> Css #