Safe Haskell	None
Language	Haskell98

Clay.Stylesheet

Synopsis

Documentation

newtype MediaType Source #

Constructors

MediaType Value

Instances

Show MediaType Source #
Methods showsPrec :: Int -> MediaType -> ShowS # show :: MediaType -> String # showList :: [MediaType] -> ShowS #
Val MediaType Source #
Methods value :: MediaType -> Value Source #
Other MediaType Source #
Methods other :: Value -> MediaType Source #
All MediaType Source #
Methods all :: MediaType Source #

data NotOrOnly Source #

Constructors

Not
Only

Instances

Show NotOrOnly Source #
Methods showsPrec :: Int -> NotOrOnly -> ShowS # show :: NotOrOnly -> String # showList :: [NotOrOnly] -> ShowS #

data MediaQuery Source #

Constructors

MediaQuery (Maybe NotOrOnly) MediaType [Feature]

Instances

Show MediaQuery Source #
Methods showsPrec :: Int -> MediaQuery -> ShowS # show :: MediaQuery -> String # showList :: [MediaQuery] -> ShowS #

data Feature Source #

Constructors

Feature Text (Maybe Value)

Instances

Show Feature Source #
Methods showsPrec :: Int -> Feature -> ShowS # show :: Feature -> String # showList :: [Feature] -> ShowS #

newtype CommentText Source #

Constructors

CommentText
Fields unCommentText :: Text

Instances

Show CommentText Source #
Methods showsPrec :: Int -> CommentText -> ShowS # show :: CommentText -> String # showList :: [CommentText] -> ShowS #
IsString CommentText Source #
Methods fromString :: String -> CommentText #
Semigroup CommentText Source #
Methods (<>) :: CommentText -> CommentText -> CommentText # sconcat :: NonEmpty CommentText -> CommentText # stimes :: Integral b => b -> CommentText -> CommentText #
Monoid CommentText Source #
Methods mempty :: CommentText # mappend :: CommentText -> CommentText -> CommentText # mconcat :: [CommentText] -> CommentText #

data Modifier Source #

Constructors

Important
Comment CommentText

Instances

Show Modifier Source #
Methods showsPrec :: Int -> Modifier -> ShowS # show :: Modifier -> String # showList :: [Modifier] -> ShowS #

_Important :: Modifier -> Maybe Text Source #

_Comment :: Modifier -> Maybe CommentText Source #

data App Source #

Constructors

Self Refinement
Root Selector
Pop Int
Child Selector
Sub Selector

Instances

Show App Source #
Methods showsPrec :: Int -> App -> ShowS # show :: App -> String # showList :: [App] -> ShowS #

data Keyframes Source #

Constructors

Keyframes Text [(Double, [Rule])]

Instances

Show Keyframes Source #
Methods showsPrec :: Int -> Keyframes -> ShowS # show :: Keyframes -> String # showList :: [Keyframes] -> ShowS #

data Rule Source #

Constructors

Property [Modifier] (Key ()) Value
Nested App [Rule]
Query MediaQuery [Rule]
Face [Rule]
Keyframe Keyframes
Import Text

Instances

Show Rule Source #
Methods showsPrec :: Int -> Rule -> ShowS # show :: Rule -> String # showList :: [Rule] -> ShowS #

newtype StyleM a Source #

Constructors

S (Writer [Rule] a)

Instances

Monad StyleM Source #
Methods (>>=) :: StyleM a -> (a -> StyleM b) -> StyleM b # (>>) :: StyleM a -> StyleM b -> StyleM b # return :: a -> StyleM a # fail :: String -> StyleM a #
Functor StyleM Source #
Methods fmap :: (a -> b) -> StyleM a -> StyleM b # (<$) :: a -> StyleM b -> StyleM a #
Applicative StyleM Source #
Methods pure :: a -> StyleM a # (<>) :: StyleM (a -> b) -> StyleM a -> StyleM b # liftA2 :: (a -> b -> c) -> StyleM a -> StyleM b -> StyleM c # (>) :: StyleM a -> StyleM b -> StyleM b # (<*) :: StyleM a -> StyleM b -> StyleM a #
Semigroup Css Source #
Methods (<>) :: Css -> Css -> Css # sconcat :: NonEmpty Css -> Css # stimes :: Integral b => b -> Css -> Css #
Monoid Css Source #
Methods mempty :: Css # mappend :: Css -> Css -> Css # mconcat :: [Css] -> Css #

runS :: Css -> [Rule] Source #

rule :: Rule -> Css Source #

type Css = StyleM () Source #

The Css context is used to collect style rules which are mappings from selectors to style properties. The Css type is a computation in the StyleM monad that just collects and doesn't return anything.

key :: Val a => Key a -> a -> Css Source #

Add a new style property to the stylesheet with the specified Key and value. The value can be any type that is in the Val typeclass, with other words: can be converted to a Value.

prefixed :: Val a => Prefixed -> a -> Css Source #

Add a new style property to the stylesheet with the specified Key and value, like key but use a Prefixed key.

(-:) :: Key Text -> Text -> Css infix 4 Source #

The colon operator can be used to add style rules to the current context for which there is no embedded version available. Both the key and the value are plain text values and rendered as is to the output CSS.

(?) :: Selector -> Css -> Css infixr 5 Source #

Assign a stylesheet to a selector. When the selector is nested inside an outer scope it will be composed with deep.

(<?) :: Selector -> Css -> Css infixr 5 Source #

Assign a stylesheet to a selector. When the selector is nested inside an outer scope it will be composed with |>.

(&) :: Refinement -> Css -> Css infixr 5 Source #

Assign a stylesheet to a filter selector. When the selector is nested inside an outer scope it will be composed with the with selector.

root :: Selector -> Css -> Css Source #

Root is used to add style rules to the top scope.

pop :: Int -> Css -> Css Source #

Pop is used to add style rules to selectors defined in an outer scope. The counter specifies how far up the scope stack we want to add the rules.

query :: MediaType -> [Feature] -> Css -> Css Source #

Apply a set of style rules when the media type and feature queries apply.

queryNot :: MediaType -> [Feature] -> Css -> Css Source #

Apply a set of style rules when the media type and feature queries do not apply.

queryOnly :: MediaType -> [Feature] -> Css -> Css Source #

Apply a set of style rules only when the media type and feature queries apply.

keyframes :: Text -> [(Double, Css)] -> Css Source #

keyframesFromTo :: Text -> Css -> Css -> Css Source #

fontFace :: Css -> Css Source #

Define a new font-face.

importUrl :: Text -> Css Source #

Import a CSS file from a URL

important :: Css -> Css Source #

Indicate the supplied css should override css declarations that would otherwise take precedence.

Use sparingly.

addImportant :: Rule -> Rule Source #