clay-0.15.0: CSS preprocessor as embedded Haskell.

Safe Haskell | None
Language | Haskell2010

Clay.Transform

Contents

- The transform propery.
- Translating.
- Scaling.
- Rotating.
- Skewing.
- Custom 3D transformations.

Synopsis

- data Transformation
- transform :: Transformation -> Css
- transforms :: [Transformation] -> Css
- data TransformStyle
- transformStyle :: TransformStyle -> Css
- flat :: TransformStyle
- preserve3d :: TransformStyle
- data TransformBox
- transformBox :: TransformBox -> Css
- transformContentBox :: TransformBox
- transformBorderBox :: TransformBox
- fillBox :: TransformBox
- strokeBox :: TransformBox
- viewBox :: TransformBox
- transformOrigin :: [Size a] -> Css
- translate :: Size a -> Size b -> Transformation
- translateX :: Size LengthUnit -> Transformation
- translateY :: Size LengthUnit -> Transformation
- translateZ :: Size LengthUnit -> Transformation
- translate3d :: Size a -> Size b -> Size LengthUnit -> Transformation
- scale :: Number -> Number -> Transformation
- scaleX :: Number -> Transformation
- scaleY :: Number -> Transformation
- scaleZ :: Number -> Transformation
- scale3d :: Number -> Number -> Number -> Transformation
- rotate :: Angle a -> Transformation
- rotateX :: Angle a -> Transformation
- rotateY :: Angle a -> Transformation
- rotateZ :: Angle a -> Transformation
- rotate3d :: Number -> Number -> Number -> Angle a -> Transformation
- skew :: Angle a -> Angle a -> Transformation
- skewX :: Angle a -> Transformation
- skewY :: Angle a -> Transformation
- perspective :: Number -> Transformation
- matrix :: Number -> Number -> Number -> Number -> Number -> Number -> Transformation
- matrix3d :: Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Transformation

# The transform propery.

data Transformation #

#### Instances

Instances details

None Transformation # |
Instance details Defined in Clay.Transform Methods none :: Transformation #
Val Transformation # |
Instance details Defined in Clay.Transform Methods value :: Transformation -> Value #

transform :: Transformation -> Css #

transforms :: [Transformation] -> Css #

data TransformStyle #

#### Instances

Instances details

Inherit TransformStyle # |
Instance details Defined in Clay.Transform Methods inherit :: TransformStyle #
Initial TransformStyle # |
Instance details Defined in Clay.Transform Methods initial :: TransformStyle #
Unset TransformStyle # |
Instance details Defined in Clay.Transform Methods unset :: TransformStyle #
Val TransformStyle # |
Instance details Defined in Clay.Transform Methods value :: TransformStyle -> Value #

transformStyle :: TransformStyle -> Css #

flat :: TransformStyle #

preserve3d :: TransformStyle #

data TransformBox #

#### Instances

Instances details

Inherit TransformBox # |
Instance details Defined in Clay.Transform Methods inherit :: TransformBox #
Initial TransformBox # |
Instance details Defined in Clay.Transform Methods initial :: TransformBox #
Unset TransformBox # |
Instance details Defined in Clay.Transform Methods unset :: TransformBox #
Val TransformBox # |
Instance details Defined in Clay.Transform Methods value :: TransformBox -> Value #

transformBox :: TransformBox -> Css #

transformContentBox :: TransformBox #

transformBorderBox :: TransformBox #

fillBox :: TransformBox #

strokeBox :: TransformBox #

viewBox :: TransformBox #

transformOrigin :: [Size a] -> Css #

# Translating.

translate :: Size a -> Size b -> Transformation #

translateX :: Size LengthUnit -> Transformation #

translateY :: Size LengthUnit -> Transformation #

translateZ :: Size LengthUnit -> Transformation #

translate3d :: Size a -> Size b -> Size LengthUnit -> Transformation #

# Scaling.

scale :: Number -> Number -> Transformation #

scaleX :: Number -> Transformation #

scaleY :: Number -> Transformation #

scaleZ :: Number -> Transformation #

scale3d :: Number -> Number -> Number -> Transformation #

# Rotating.

rotate :: Angle a -> Transformation #

rotateX :: Angle a -> Transformation #

rotateY :: Angle a -> Transformation #

rotateZ :: Angle a -> Transformation #

rotate3d :: Number -> Number -> Number -> Angle a -> Transformation #

# Skewing.

skew :: Angle a -> Angle a -> Transformation #

skewX :: Angle a -> Transformation #

skewY :: Angle a -> Transformation #

# Custom 3D transformations.

perspective :: Number -> Transformation #

matrix :: Number -> Number -> Number -> Number -> Number -> Number -> Transformation #

matrix3d :: Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Number -> Transformation #