Safe Haskell	None
Language	GHC2021

Web.Atomic.Types.Selector

Synopsis

newtype Selector = Selector {
- text :: Text
}
selector :: ClassName -> Selector
data Pseudo = Pseudo {
- name :: ClassName
- suffix :: Selector
}
newtype MediaQuery = MediaQuery {
- conditions :: [Text]
}
data Media
- = MinWidth Int
- | MaxWidth Int
mediaCriteria :: Media -> MediaQuery

Documentation

newtype Selector Source #

Constructors

Selector
Fields text :: Text

Instances

Instances details

Monoid Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods mempty :: Selector # mappend :: Selector -> Selector -> Selector # mconcat :: [Selector] -> Selector #
Semigroup Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods (<>) :: Selector -> Selector -> Selector # sconcat :: NonEmpty Selector -> Selector # stimes :: Integral b => b -> Selector -> Selector #
IsString Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods fromString :: String -> Selector #
Show Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods showsPrec :: Int -> Selector -> ShowS # show :: Selector -> String # showList :: [Selector] -> ShowS #
Eq Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods (==) :: Selector -> Selector -> Bool # (/=) :: Selector -> Selector -> Bool #
Ord Selector Source #
Instance details Defined in Web.Atomic.Types.Selector Methods compare :: Selector -> Selector -> Ordering # (<) :: Selector -> Selector -> Bool # (<=) :: Selector -> Selector -> Bool # (>) :: Selector -> Selector -> Bool # (>=) :: Selector -> Selector -> Bool # max :: Selector -> Selector -> Selector # min :: Selector -> Selector -> Selector #

selector :: ClassName -> Selector Source #

data Pseudo Source #

Psuedos allow for specifying styles that only apply in certain conditions. See hover etc

el (color Primary . hover (color White)) "hello"

Constructors

Pseudo
Fields name :: ClassName suffix :: Selector

Instances

Instances details

ToClassName Pseudo Source #
Instance details Defined in Web.Atomic.Types.Selector Methods toClassName :: Pseudo -> ClassName Source #
IsString Pseudo Source #
Instance details Defined in Web.Atomic.Types.Selector Methods fromString :: String -> Pseudo #
Show Pseudo Source #
Instance details Defined in Web.Atomic.Types.Selector Methods showsPrec :: Int -> Pseudo -> ShowS # show :: Pseudo -> String # showList :: [Pseudo] -> ShowS #
Eq Pseudo Source #
Instance details Defined in Web.Atomic.Types.Selector Methods (==) :: Pseudo -> Pseudo -> Bool # (/=) :: Pseudo -> Pseudo -> Bool #
Ord Pseudo Source #
Instance details Defined in Web.Atomic.Types.Selector Methods compare :: Pseudo -> Pseudo -> Ordering # (<) :: Pseudo -> Pseudo -> Bool # (<=) :: Pseudo -> Pseudo -> Bool # (>) :: Pseudo -> Pseudo -> Bool # (>=) :: Pseudo -> Pseudo -> Bool # max :: Pseudo -> Pseudo -> Pseudo # min :: Pseudo -> Pseudo -> Pseudo #

newtype MediaQuery Source #

Constructors

MediaQuery
Fields conditions :: [Text]

Instances

Instances details

Monoid MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Methods

mempty :: MediaQuery #

mappend :: MediaQuery -> MediaQuery -> MediaQuery #

mconcat :: [MediaQuery] -> MediaQuery #

Semigroup MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Methods

(<>) :: MediaQuery -> MediaQuery -> MediaQuery #

sconcat :: NonEmpty MediaQuery -> MediaQuery #

stimes :: Integral b => b -> MediaQuery -> MediaQuery #

IsString MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Methods

fromString :: String -> MediaQuery #

IsList MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Associated Types

type Item MediaQuery
Instance details Defined in Web.Atomic.Types.Selector type Item MediaQuery = Text

Methods

fromList :: [Item MediaQuery] -> MediaQuery #

fromListN :: Int -> [Item MediaQuery] -> MediaQuery #

toList :: MediaQuery -> [Item MediaQuery] #

Show MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Methods

showsPrec :: Int -> MediaQuery -> ShowS #

show :: MediaQuery -> String #

showList :: [MediaQuery] -> ShowS #

Eq MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

Methods

(==) :: MediaQuery -> MediaQuery -> Bool #

(/=) :: MediaQuery -> MediaQuery -> Bool #

type Item MediaQuery Source #

Instance details

Defined in Web.Atomic.Types.Selector

type Item MediaQuery = Text

data Media Source #

Media allows for responsive designs that change based on characteristics of the window. See Layout Example

Constructors

MinWidth Int
MaxWidth Int

Instances

Instances details

ToClassName Media Source #
Instance details Defined in Web.Atomic.Types.Selector Methods toClassName :: Media -> ClassName Source #
Show Media Source #
Instance details Defined in Web.Atomic.Types.Selector Methods showsPrec :: Int -> Media -> ShowS # show :: Media -> String # showList :: [Media] -> ShowS #
Eq Media Source #
Instance details Defined in Web.Atomic.Types.Selector Methods (==) :: Media -> Media -> Bool # (/=) :: Media -> Media -> Bool #
Ord Media Source #
Instance details Defined in Web.Atomic.Types.Selector Methods compare :: Media -> Media -> Ordering # (<) :: Media -> Media -> Bool # (<=) :: Media -> Media -> Bool # (>) :: Media -> Media -> Bool # (>=) :: Media -> Media -> Bool # max :: Media -> Media -> Media # min :: Media -> Media -> Media #

mediaCriteria :: Media -> MediaQuery Source #