Safe Haskell	None
Language	Haskell2010

Clay.Size

Contents

Size type.
Size constructors.
Calculation operators for calc
Shorthands for properties that can be applied separately to each box side.
Angle type.
Constructing angles.

Synopsis

data Size a
data LengthUnit
data Percentage
nil :: Size a
unitless :: Double -> Size a
cm :: Double -> Size LengthUnit
mm :: Double -> Size LengthUnit
inches :: Double -> Size LengthUnit
px :: Double -> Size LengthUnit
pt :: Double -> Size LengthUnit
pc :: Double -> Size LengthUnit
em :: Double -> Size LengthUnit
ex :: Double -> Size LengthUnit
pct :: Double -> Size Percentage
rem :: Double -> Size LengthUnit
vw :: Double -> Size LengthUnit
vh :: Double -> Size LengthUnit
vmin :: Double -> Size LengthUnit
vmax :: Double -> Size LengthUnit
fr :: Double -> Size LengthUnit
maxContent :: Size LengthUnit
minContent :: Size LengthUnit
available :: Size LengthUnit
fitContent :: Size LengthUnit
(@+@) :: Size a -> Size b -> Size (SizeCombination a b)
(@-@) :: Size a -> Size b -> Size (SizeCombination a b)
(@*) :: Size a -> Double -> Size a
(*@) :: Double -> Size a -> Size a
(@/) :: Size a -> Double -> Size a
sym :: (a -> a -> a -> a -> Css) -> a -> Css
sym2 :: (tb -> lr -> tb -> lr -> Css) -> tb -> lr -> Css
sym3 :: (tb -> l -> tb -> r -> Css) -> tb -> l -> r -> Css
data Angle a
data Deg
data Rad
data Grad
data Turn
deg :: Double -> Angle Deg
rad :: Double -> Angle Rad
grad :: Double -> Angle Grad
turn :: Double -> Angle Turn

Size type.

data Size a Source #

Instances

Instances details

Fractional (Size Percentage) Source #
Instance details Defined in Clay.Size Methods (/) :: Size Percentage -> Size Percentage -> Size Percentage # recip :: Size Percentage -> Size Percentage # fromRational :: Rational -> Size Percentage #
Fractional (Size LengthUnit) Source #
Instance details Defined in Clay.Size Methods (/) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # recip :: Size LengthUnit -> Size LengthUnit # fromRational :: Rational -> Size LengthUnit #
Num (Size Percentage) Source #
Instance details Defined in Clay.Size Methods (+) :: Size Percentage -> Size Percentage -> Size Percentage # (-) :: Size Percentage -> Size Percentage -> Size Percentage # (*) :: Size Percentage -> Size Percentage -> Size Percentage # negate :: Size Percentage -> Size Percentage # abs :: Size Percentage -> Size Percentage # signum :: Size Percentage -> Size Percentage # fromInteger :: Integer -> Size Percentage #
Num (Size LengthUnit) Source #
Instance details Defined in Clay.Size Methods (+) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # (-) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # (*) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # negate :: Size LengthUnit -> Size LengthUnit # abs :: Size LengthUnit -> Size LengthUnit # signum :: Size LengthUnit -> Size LengthUnit # fromInteger :: Integer -> Size LengthUnit #
Show (Size a) Source #
Instance details Defined in Clay.Size Methods showsPrec :: Int -> Size a -> ShowS # show :: Size a -> String # showList :: [Size a] -> ShowS #
Val (Size a) Source #
Instance details Defined in Clay.Size Methods value :: Size a -> Value Source #
Other (Size a) Source #
Instance details Defined in Clay.Size Methods other :: Value -> Size a Source #
Normal (Size a) Source #
Instance details Defined in Clay.Size Methods normal :: Size a Source #
None (Size a) Source #
Instance details Defined in Clay.Size Methods none :: Size a Source #
Inherit (Size a) Source #
Instance details Defined in Clay.Size Methods inherit :: Size a Source #
Auto (Size a) Source #
Instance details Defined in Clay.Size Methods auto :: Size a Source #
VerticalAlign (Size a) Source #
Instance details Defined in Clay.Display Methods verticalAlign :: Size a -> Css Source #
Loc (Size a) Source #
Instance details Defined in Clay.Background Methods location :: Size a -> Location Source #

data LengthUnit Source #

Sizes can be given using a length unit (e.g. em, px).

Instances

Instances details

Fractional (Size LengthUnit) Source #
Instance details Defined in Clay.Size Methods (/) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # recip :: Size LengthUnit -> Size LengthUnit # fromRational :: Rational -> Size LengthUnit #
Num (Size LengthUnit) Source #
Instance details Defined in Clay.Size Methods (+) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # (-) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # (*) :: Size LengthUnit -> Size LengthUnit -> Size LengthUnit # negate :: Size LengthUnit -> Size LengthUnit # abs :: Size LengthUnit -> Size LengthUnit # signum :: Size LengthUnit -> Size LengthUnit # fromInteger :: Integer -> Size LengthUnit #

data Percentage Source #

Sizes can be given in percentages.

Instances

Instances details

Fractional (Size Percentage) Source #
Instance details Defined in Clay.Size Methods (/) :: Size Percentage -> Size Percentage -> Size Percentage # recip :: Size Percentage -> Size Percentage # fromRational :: Rational -> Size Percentage #
Num (Size Percentage) Source #
Instance details Defined in Clay.Size Methods (+) :: Size Percentage -> Size Percentage -> Size Percentage # (-) :: Size Percentage -> Size Percentage -> Size Percentage # (*) :: Size Percentage -> Size Percentage -> Size Percentage # negate :: Size Percentage -> Size Percentage # abs :: Size Percentage -> Size Percentage # signum :: Size Percentage -> Size Percentage # fromInteger :: Integer -> Size Percentage #

nil :: Size a Source #

Zero size.

unitless :: Double -> Size a Source #

Unitless size (as recommended for line-height).

Size constructors.

cm :: Double -> Size LengthUnit Source #

Size in centimeters.

mm :: Double -> Size LengthUnit Source #

Size in millimeters.

inches :: Double -> Size LengthUnit Source #

Size in inches (1in = 2.54 cm).

px :: Double -> Size LengthUnit Source #

Size in pixels.

pt :: Double -> Size LengthUnit Source #

Size in points (1pt = 1/72 of 1in).

pc :: Double -> Size LengthUnit Source #

Size in picas (1pc = 12pt).

em :: Double -> Size LengthUnit Source #

Size in em's (computed cssDoubleText of the font-size).

ex :: Double -> Size LengthUnit Source #

SimpleSize in ex'es (x-height of the first avaliable font).

pct :: Double -> Size Percentage Source #

SimpleSize in percents.

rem :: Double -> Size LengthUnit Source #

SimpleSize in rem's (em's, but always relative to the root element).

vw :: Double -> Size LengthUnit Source #

SimpleSize in vw's (1vw = 1% of viewport width).

vh :: Double -> Size LengthUnit Source #

SimpleSize in vh's (1vh = 1% of viewport height).

vmin :: Double -> Size LengthUnit Source #

SimpleSize in vmin's (the smaller of vw or vh).

vmax :: Double -> Size LengthUnit Source #

SimpleSize in vmax's (the larger of vw or vh).

fr :: Double -> Size LengthUnit Source #

SimpleSize in fr's (a fractional unit and 1fr is for 1 part of the available space in grid areas).

maxContent :: Size LengthUnit Source #

SimpleSize for the intrinsic preferred width.

minContent :: Size LengthUnit Source #

SimpleSize for the intrinsic minimum width.

available :: Size LengthUnit Source #

SimpleSize for the containing block width minus horizontal margin, border, and padding.

fitContent :: Size LengthUnit Source #

The larger of the intrinsic minimum width or the smaller of the intrinsic preferred width and the available width.

Calculation operators for calc

(@+@) :: Size a -> Size b -> Size (SizeCombination a b) infixl 6 Source #

Plus operator to combine sizes into calc function

(@-@) :: Size a -> Size b -> Size (SizeCombination a b) infixl 6 Source #

Minus operator to combine sizes into calc function

(@*) :: Size a -> Double -> Size a infixl 7 Source #

Reversed times operator to combine sizes into calc function

(*@) :: Double -> Size a -> Size a infixl 7 Source #

Times operator to combine sizes into calc function

(@/) :: Size a -> Double -> Size a infixl 7 Source #

Division operator to combine sizes into calc function

Shorthands for properties that can be applied separately to each box side.

sym :: (a -> a -> a -> a -> Css) -> a -> Css Source #

sym2 :: (tb -> lr -> tb -> lr -> Css) -> tb -> lr -> Css Source #

sym3 :: (tb -> l -> tb -> r -> Css) -> tb -> l -> r -> Css Source #

Angle type.

data Angle a Source #

Instances

Instances details

Fractional (Angle Turn) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Turn -> Angle Turn -> Angle Turn # recip :: Angle Turn -> Angle Turn # fromRational :: Rational -> Angle Turn #
Fractional (Angle Grad) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Grad -> Angle Grad -> Angle Grad # recip :: Angle Grad -> Angle Grad # fromRational :: Rational -> Angle Grad #
Fractional (Angle Rad) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Rad -> Angle Rad -> Angle Rad # recip :: Angle Rad -> Angle Rad # fromRational :: Rational -> Angle Rad #
Fractional (Angle Deg) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Deg -> Angle Deg -> Angle Deg # recip :: Angle Deg -> Angle Deg # fromRational :: Rational -> Angle Deg #
Num (Angle Turn) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Turn -> Angle Turn -> Angle Turn # (-) :: Angle Turn -> Angle Turn -> Angle Turn # (*) :: Angle Turn -> Angle Turn -> Angle Turn # negate :: Angle Turn -> Angle Turn # abs :: Angle Turn -> Angle Turn # signum :: Angle Turn -> Angle Turn # fromInteger :: Integer -> Angle Turn #
Num (Angle Grad) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Grad -> Angle Grad -> Angle Grad # (-) :: Angle Grad -> Angle Grad -> Angle Grad # (*) :: Angle Grad -> Angle Grad -> Angle Grad # negate :: Angle Grad -> Angle Grad # abs :: Angle Grad -> Angle Grad # signum :: Angle Grad -> Angle Grad # fromInteger :: Integer -> Angle Grad #
Num (Angle Rad) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Rad -> Angle Rad -> Angle Rad # (-) :: Angle Rad -> Angle Rad -> Angle Rad # (*) :: Angle Rad -> Angle Rad -> Angle Rad # negate :: Angle Rad -> Angle Rad # abs :: Angle Rad -> Angle Rad # signum :: Angle Rad -> Angle Rad # fromInteger :: Integer -> Angle Rad #
Num (Angle Deg) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Deg -> Angle Deg -> Angle Deg # (-) :: Angle Deg -> Angle Deg -> Angle Deg # (*) :: Angle Deg -> Angle Deg -> Angle Deg # negate :: Angle Deg -> Angle Deg # abs :: Angle Deg -> Angle Deg # signum :: Angle Deg -> Angle Deg # fromInteger :: Integer -> Angle Deg #
Val (Angle a) Source #
Instance details Defined in Clay.Size Methods value :: Angle a -> Value Source #
Other (Angle a) Source #
Instance details Defined in Clay.Size Methods other :: Value -> Angle a Source #
Inherit (Angle a) Source #
Instance details Defined in Clay.Size Methods inherit :: Angle a Source #
Auto (Angle a) Source #
Instance details Defined in Clay.Size Methods auto :: Angle a Source #

data Deg Source #

Instances

Instances details

Fractional (Angle Deg) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Deg -> Angle Deg -> Angle Deg # recip :: Angle Deg -> Angle Deg # fromRational :: Rational -> Angle Deg #
Num (Angle Deg) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Deg -> Angle Deg -> Angle Deg # (-) :: Angle Deg -> Angle Deg -> Angle Deg # (*) :: Angle Deg -> Angle Deg -> Angle Deg # negate :: Angle Deg -> Angle Deg # abs :: Angle Deg -> Angle Deg # signum :: Angle Deg -> Angle Deg # fromInteger :: Integer -> Angle Deg #

data Rad Source #

Instances

Instances details

Fractional (Angle Rad) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Rad -> Angle Rad -> Angle Rad # recip :: Angle Rad -> Angle Rad # fromRational :: Rational -> Angle Rad #
Num (Angle Rad) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Rad -> Angle Rad -> Angle Rad # (-) :: Angle Rad -> Angle Rad -> Angle Rad # (*) :: Angle Rad -> Angle Rad -> Angle Rad # negate :: Angle Rad -> Angle Rad # abs :: Angle Rad -> Angle Rad # signum :: Angle Rad -> Angle Rad # fromInteger :: Integer -> Angle Rad #

data Grad Source #

Instances

Instances details

Fractional (Angle Grad) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Grad -> Angle Grad -> Angle Grad # recip :: Angle Grad -> Angle Grad # fromRational :: Rational -> Angle Grad #
Num (Angle Grad) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Grad -> Angle Grad -> Angle Grad # (-) :: Angle Grad -> Angle Grad -> Angle Grad # (*) :: Angle Grad -> Angle Grad -> Angle Grad # negate :: Angle Grad -> Angle Grad # abs :: Angle Grad -> Angle Grad # signum :: Angle Grad -> Angle Grad # fromInteger :: Integer -> Angle Grad #

data Turn Source #

Instances

Instances details

Fractional (Angle Turn) Source #
Instance details Defined in Clay.Size Methods (/) :: Angle Turn -> Angle Turn -> Angle Turn # recip :: Angle Turn -> Angle Turn # fromRational :: Rational -> Angle Turn #
Num (Angle Turn) Source #
Instance details Defined in Clay.Size Methods (+) :: Angle Turn -> Angle Turn -> Angle Turn # (-) :: Angle Turn -> Angle Turn -> Angle Turn # (*) :: Angle Turn -> Angle Turn -> Angle Turn # negate :: Angle Turn -> Angle Turn # abs :: Angle Turn -> Angle Turn # signum :: Angle Turn -> Angle Turn # fromInteger :: Integer -> Angle Turn #

Constructing angles.

deg :: Double -> Angle Deg Source #

Angle in degrees.

rad :: Double -> Angle Rad Source #

Angle in radians.

grad :: Double -> Angle Grad Source #

Angle in gradians (also knows as gons or grades).

turn :: Double -> Angle Turn Source #

Angle in turns.