Safe Haskell	None
Language	Haskell2010

Clay.Flexbox

Synopsis

class FlexEnd a where
- flexEnd :: a
class FlexStart a where
- flexStart :: a
class SpaceAround a where
- spaceAround :: a
class SpaceBetween a where
- spaceBetween :: a
class SpaceEvenly a where
- spaceEvenly :: a
class Stretch a where
- stretch :: a
newtype AlignContentValue = AlignContentValue Value
alignContent :: AlignContentValue -> Css
newtype AlignItemsValue = AlignItemValue Value
alignItems :: AlignItemsValue -> Css
newtype AlignSelfValue = AlignSelfValue Value
alignSelf :: AlignSelfValue -> Css
flex :: Int -> Int -> Size b -> Css
flexBasis :: Size a -> Css
newtype FlexDirection = FlexDirection Value
row :: FlexDirection
rowReverse :: FlexDirection
column :: FlexDirection
columnReverse :: FlexDirection
flexDirection :: FlexDirection -> Css
flexFlow :: FlexDirection -> FlexWrap -> Css
flexGrow :: Int -> Css
flexShrink :: Int -> Css
newtype FlexWrap = FlexWrap Value
nowrap :: FlexWrap
wrap :: FlexWrap
wrapReverse :: FlexWrap
flexWrap :: FlexWrap -> Css
newtype JustifyContentValue = JustifyContentValue Value
justifyContent :: JustifyContentValue -> Css
order :: Int -> Css

Documentation

class FlexEnd a where Source #

CSS Flexible Box Layout http://dev.w3.org/csswg/css-flexbox-1

Methods

flexEnd :: a Source #

Instances

Instances details

FlexEnd Value Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: Value Source #
FlexEnd JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: JustifyContentValue Source #
FlexEnd AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignSelfValue Source #
FlexEnd AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignItemsValue Source #
FlexEnd AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignContentValue Source #

class FlexStart a where Source #

Methods

flexStart :: a Source #

Instances

Instances details

FlexStart Value Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: Value Source #
FlexStart JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: JustifyContentValue Source #
FlexStart AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignSelfValue Source #
FlexStart AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignItemsValue Source #
FlexStart AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignContentValue Source #

class SpaceAround a where Source #

Methods

spaceAround :: a Source #

Instances

Instances details

SpaceAround Value Source #
Instance details Defined in Clay.Flexbox Methods spaceAround :: Value Source #
SpaceAround JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceAround :: JustifyContentValue Source #
SpaceAround AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceAround :: AlignContentValue Source #

class SpaceBetween a where Source #

Methods

spaceBetween :: a Source #

Instances

Instances details

SpaceBetween Value Source #
Instance details Defined in Clay.Flexbox Methods spaceBetween :: Value Source #
SpaceBetween JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceBetween :: JustifyContentValue Source #
SpaceBetween AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceBetween :: AlignContentValue Source #

class SpaceEvenly a where Source #

Methods

spaceEvenly :: a Source #

Instances

Instances details

SpaceEvenly Value Source #
Instance details Defined in Clay.Flexbox Methods spaceEvenly :: Value Source #
SpaceEvenly JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceEvenly :: JustifyContentValue Source #
SpaceEvenly AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceEvenly :: AlignContentValue Source #

class Stretch a where Source #

Methods

stretch :: a Source #

Instances

Instances details

Stretch Value Source #
Instance details Defined in Clay.Flexbox Methods stretch :: Value Source #
Stretch AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignSelfValue Source #
Stretch AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignItemsValue Source #
Stretch AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignContentValue Source #

newtype AlignContentValue Source #

Constructors

AlignContentValue Value

Instances

Instances details

Val AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods value :: AlignContentValue -> Value Source #
Other AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> AlignContentValue Source #
Inherit AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods inherit :: AlignContentValue Source #
Center AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods center :: AlignContentValue Source #
Stretch AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignContentValue Source #
SpaceEvenly AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceEvenly :: AlignContentValue Source #
SpaceBetween AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceBetween :: AlignContentValue Source #
SpaceAround AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceAround :: AlignContentValue Source #
FlexStart AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignContentValue Source #
FlexEnd AlignContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignContentValue Source #

alignContent :: AlignContentValue -> Css Source #

newtype AlignItemsValue Source #

Constructors

AlignItemValue Value

Instances

Instances details

Val AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods value :: AlignItemsValue -> Value Source #
Other AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> AlignItemsValue Source #
Inherit AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods inherit :: AlignItemsValue Source #
Center AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods center :: AlignItemsValue Source #
Baseline AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods baseline :: AlignItemsValue Source #
Stretch AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignItemsValue Source #
FlexStart AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignItemsValue Source #
FlexEnd AlignItemsValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignItemsValue Source #

alignItems :: AlignItemsValue -> Css Source #

newtype AlignSelfValue Source #

Constructors

AlignSelfValue Value

Instances

Instances details

Val AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods value :: AlignSelfValue -> Value Source #
Other AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> AlignSelfValue Source #
Inherit AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods inherit :: AlignSelfValue Source #
Center AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods center :: AlignSelfValue Source #
Baseline AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods baseline :: AlignSelfValue Source #
Auto AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods auto :: AlignSelfValue Source #
Stretch AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods stretch :: AlignSelfValue Source #
FlexStart AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: AlignSelfValue Source #
FlexEnd AlignSelfValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: AlignSelfValue Source #

alignSelf :: AlignSelfValue -> Css Source #

flex :: Int -> Int -> Size b -> Css Source #

flexBasis :: Size a -> Css Source #

newtype FlexDirection Source #

Constructors

FlexDirection Value

Instances

Instances details

Val FlexDirection Source #
Instance details Defined in Clay.Flexbox Methods value :: FlexDirection -> Value Source #
Other FlexDirection Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> FlexDirection Source #

row :: FlexDirection Source #

rowReverse :: FlexDirection Source #

column :: FlexDirection Source #

columnReverse :: FlexDirection Source #

flexDirection :: FlexDirection -> Css Source #

flexFlow :: FlexDirection -> FlexWrap -> Css Source #

flexGrow :: Int -> Css Source #

flexShrink :: Int -> Css Source #

newtype FlexWrap Source #

Constructors

FlexWrap Value

Instances

Instances details

Val FlexWrap Source #
Instance details Defined in Clay.Flexbox Methods value :: FlexWrap -> Value Source #
Other FlexWrap Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> FlexWrap Source #

nowrap :: FlexWrap Source #

wrap :: FlexWrap Source #

wrapReverse :: FlexWrap Source #

flexWrap :: FlexWrap -> Css Source #

newtype JustifyContentValue Source #

Constructors

JustifyContentValue Value

Instances

Instances details

Val JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods value :: JustifyContentValue -> Value Source #
Other JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods other :: Value -> JustifyContentValue Source #
Inherit JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods inherit :: JustifyContentValue Source #
Center JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods center :: JustifyContentValue Source #
SpaceEvenly JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceEvenly :: JustifyContentValue Source #
SpaceBetween JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceBetween :: JustifyContentValue Source #
SpaceAround JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods spaceAround :: JustifyContentValue Source #
FlexStart JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexStart :: JustifyContentValue Source #
FlexEnd JustifyContentValue Source #
Instance details Defined in Clay.Flexbox Methods flexEnd :: JustifyContentValue Source #

justifyContent :: JustifyContentValue -> Css Source #

order :: Int -> Css Source #