clay-0.15.0: CSS preprocessor as embedded Haskell.
Safe HaskellNone
LanguageHaskell2010

Clay.Size

Synopsis

Size type.

data Size a #

Instances

Instances details
Num (Size LengthUnit) # 
Instance details

Defined in Clay.Size

Num (Size Percentage) # 
Instance details

Defined in Clay.Size

Fractional (Size LengthUnit) # 
Instance details

Defined in Clay.Size

Fractional (Size Percentage) # 
Instance details

Defined in Clay.Size

Show (Size a) # 
Instance details

Defined in Clay.Size

Methods

showsPrec :: Int -> Size a -> ShowS #

show :: Size a -> String #

showList :: [Size a] -> ShowS #

Loc (Size a) # 
Instance details

Defined in Clay.Background

Methods

location :: Size a -> Location #

Auto (Size a) # 
Instance details

Defined in Clay.Size

Methods

auto :: Size a #

Inherit (Size a) # 
Instance details

Defined in Clay.Size

Methods

inherit :: Size a #

None (Size a) # 
Instance details

Defined in Clay.Size

Methods

none :: Size a #

Normal (Size a) # 
Instance details

Defined in Clay.Size

Methods

normal :: Size a #

Other (Size a) # 
Instance details

Defined in Clay.Size

Methods

other :: Value -> Size a #

VerticalAlign (Size a) # 
Instance details

Defined in Clay.Display

Methods

verticalAlign :: Size a -> Css #

Val (Size a) # 
Instance details

Defined in Clay.Size

Methods

value :: Size a -> Value #

nil :: Size a #

Zero size.

unitless :: Number -> Size a #

Unitless size (as recommended for line-height).

Size constructors.

cm :: Number -> Size LengthUnit #

Size in centimeters.

mm :: Number -> Size LengthUnit #

Size in millimeters.

inches :: Number -> Size LengthUnit #

Size in inches (1in = 2.54 cm).

px :: Number -> Size LengthUnit #

Size in pixels.

pt :: Number -> Size LengthUnit #

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

pc :: Number -> Size LengthUnit #

Size in picas (1pc = 12pt).

em :: Number -> Size LengthUnit #

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

ex :: Number -> Size LengthUnit #

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

ch :: Number -> Size LengthUnit #

SimpleSize in ch's (The width of the glyph "0" of the element's font).

pct :: Number -> Size Percentage #

SimpleSize in percents.

rem :: Number -> Size LengthUnit #

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

lh :: Number -> Size LengthUnit #

SimpleSize in lh's (Line height of the element).

rlh :: Number -> Size LengthUnit #

SimpleSize in rlh's (lh's, but always relative to the root element).

vw :: Number -> Size LengthUnit #

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

vh :: Number -> Size LengthUnit #

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

vmin :: Number -> Size LengthUnit #

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

vmax :: Number -> Size LengthUnit #

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

vb :: Number -> Size LengthUnit #

SimpleSize in vb's (1vb = 1% of the parent's size in the direction of the root element's block axis).

vi :: Number -> Size LengthUnit #

SimpleSize in vi's (1vi = 1% of the parent's size in the direction of the root element's inline axis).

svw :: Number -> Size LengthUnit #

SimpleSize in svw's (1svw = 1% of the small viewport's width).

svh :: Number -> Size LengthUnit #

SimpleSize in svh's (1svh = 1% of the small viewport's height).

lvw :: Number -> Size LengthUnit #

SimpleSize in lvw's (1lvw = 1% of the large viewport's width).

lvh :: Number -> Size LengthUnit #

SimpleSize in lvh's (1lvh = 1% of the large viewport's height).

dvw :: Number -> Size LengthUnit #

SimpleSize in dvw's (1dvw = 1% of the dynamic viewport's width).

dvh :: Number -> Size LengthUnit #

SimpleSize in dvh's (1dvh = 1% of the dynamic viewport's height).

fr :: Number -> Size LengthUnit #

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

maxContent :: Size LengthUnit #

SimpleSize for the intrinsic preferred width.

minContent :: Size LengthUnit #

SimpleSize for the intrinsic minimum width.

available :: Size LengthUnit #

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

fitContent :: Size LengthUnit #

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 #

Plus operator to combine sizes into calc function

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

Minus operator to combine sizes into calc function

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

Reversed times operator to combine sizes into calc function

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

Times operator to combine sizes into calc function

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

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 #

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

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

Angle type.

data Angle a #

Instances

Instances details
Num (Angle Deg) # 
Instance details

Defined in Clay.Size

Num (Angle Grad) # 
Instance details

Defined in Clay.Size

Num (Angle Rad) # 
Instance details

Defined in Clay.Size

Num (Angle Turn) # 
Instance details

Defined in Clay.Size

Fractional (Angle Deg) # 
Instance details

Defined in Clay.Size

Fractional (Angle Grad) # 
Instance details

Defined in Clay.Size

Fractional (Angle Rad) # 
Instance details

Defined in Clay.Size

Fractional (Angle Turn) # 
Instance details

Defined in Clay.Size

Auto (Angle a) # 
Instance details

Defined in Clay.Size

Methods

auto :: Angle a #

Inherit (Angle a) # 
Instance details

Defined in Clay.Size

Methods

inherit :: Angle a #

Other (Angle a) # 
Instance details

Defined in Clay.Size

Methods

other :: Value -> Angle a #

Val (Angle a) # 
Instance details

Defined in Clay.Size

Methods

value :: Angle a -> Value #

data Deg #

Instances

Instances details
Num (Angle Deg) # 
Instance details

Defined in Clay.Size

Fractional (Angle Deg) # 
Instance details

Defined in Clay.Size

data Rad #

Instances

Instances details
Num (Angle Rad) # 
Instance details

Defined in Clay.Size

Fractional (Angle Rad) # 
Instance details

Defined in Clay.Size

data Grad #

Instances

Instances details
Num (Angle Grad) # 
Instance details

Defined in Clay.Size

Fractional (Angle Grad) # 
Instance details

Defined in Clay.Size

data Turn #

Instances

Instances details
Num (Angle Turn) # 
Instance details

Defined in Clay.Size

Fractional (Angle Turn) # 
Instance details

Defined in Clay.Size

Constructing angles.

deg :: Number -> Angle Deg #

Angle in degrees.

rad :: Number -> Angle Rad #

Angle in radians.

grad :: Number -> Angle Grad #

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

turn :: Number -> Angle Turn #

Angle in turns.