Module

CSS

Package: purescript-css
Repository: purescript-contrib/purescript-css

Re-exports from CSS.Animation

#IterationCount Source

newtype IterationCount

Constructors

IterationCount Value

Instances

#FillMode Source

newtype FillMode

Constructors

FillMode Value

Instances

#AnimationName Source

newtype AnimationName

Constructors

AnimationName Value

Instances

#AnimationDirection Source

newtype AnimationDirection

Constructors

AnimationDirection Value

Instances

#reverse Source

reverse :: AnimationDirection

#normalAnimationDirection Source

normalAnimationDirection :: AnimationDirection

#iterationCount Source

iterationCount :: Number -> IterationCount

#infinite Source

infinite :: IterationCount

#forwards Source

forwards :: FillMode

#backwards Source

backwards :: FillMode

#animation Source

animation :: AnimationName -> Time -> TimingFunction -> Time -> IterationCount -> AnimationDirection -> FillMode -> CSS

#alternateReverse Source

alternateReverse :: AnimationDirection

#alternate Source

alternate :: AnimationDirection

Re-exports from CSS.Background

#Side Source

newtype Side

Instances

#Location Source

newtype Location

Instances

#Direction Source

newtype Direction

Instances

#BackgroundSize Source

newtype BackgroundSize

Instances

#BackgroundRepeat Source

newtype BackgroundRepeat

Instances

#BackgroundPosition Source

newtype BackgroundPosition

Instances

#BackgroundOrigin Source

newtype BackgroundOrigin

Instances

#BackgroundImage Source

newtype BackgroundImage

Instances

#BackgroundClip Source

newtype BackgroundClip

Instances

#BackgroundAttachment Source

newtype BackgroundAttachment

Instances

#Background Source

class (Val a) <= Background a  where

We implement the generic background property as a type class that accepts multiple value types. This allows us to combine different background aspects into a shorthand syntax.

Members

background :: a -> CSS

Instances

(Background a) => Background (Array a)
(Background a, Background b) => Background (Tuple a b)
Background Color
Background BackgroundPosition
Background BackgroundSize
Background BackgroundRepeat
Background BackgroundOrigin
Background BackgroundClip
Background BackgroundAttachment
Background BackgroundImage

#Loc Source

class (Val a) <= Loc a  where

Members

location :: a -> Location

Instances

Loc Side
Loc (Size a)
(Loc a, Loc b) => Loc (Tuple a b)

#xyRepeat Source

xyRepeat :: BackgroundRepeat -> BackgroundRepeat -> BackgroundRepeat

#url Source

url :: String -> BackgroundImage

#straight Source

straight :: Side -> Direction

#space Source

space :: BackgroundRepeat

#sideTop Source

sideTop :: Side

We have to prefix these values to avoid conflict with existing property

#sideRight Source

sideRight :: Side

#sideMiddle Source

sideMiddle :: Side

#sideLeft Source

sideLeft :: Side

#sideCenter Source

sideCenter :: Side

#sideBottom Source

sideBottom :: Side

#round Source

round :: BackgroundRepeat

#repeatY Source

repeatY :: BackgroundRepeat

#repeatX Source

repeatX :: BackgroundRepeat

#repeat Source

repeat :: BackgroundRepeat

#positioned Source

positioned :: forall a. Size a -> Size a -> BackgroundPosition

#placed Source

placed :: Side -> Side -> BackgroundPosition

#origin Source

origin :: BoxType -> BackgroundOrigin

#noRepeat Source

noRepeat :: BackgroundRepeat

#cover Source

cover :: BackgroundSize

#contain Source

contain :: BackgroundSize

#by Source

by :: forall a b. Size a -> Size b -> BackgroundSize

#boxClip Source

boxClip :: BoxType -> BackgroundClip

#backgroundSizes Source

backgroundSizes :: Array BackgroundSize -> CSS

#backgroundSize Source

backgroundSize :: BackgroundSize -> CSS

#backgroundRepeats Source

backgroundRepeats :: Array BackgroundRepeat -> CSS

#backgroundRepeat Source

backgroundRepeat :: BackgroundRepeat -> CSS

#backgroundPositions Source

backgroundPositions :: Array BackgroundPosition -> CSS

#backgroundPosition Source

backgroundPosition :: BackgroundPosition -> CSS

#backgroundOrigins Source

backgroundOrigins :: Array BackgroundOrigin -> CSS

#backgroundOrigin Source

backgroundOrigin :: BackgroundOrigin -> CSS

#backgroundImages Source

backgroundImages :: Array BackgroundImage -> CSS

#backgroundImage Source

backgroundImage :: BackgroundImage -> CSS

#backgroundColor Source

backgroundColor :: Color -> CSS

#backgroundClips Source

backgroundClips :: Array BackgroundClip -> CSS

#backgroundClip Source

backgroundClip :: BackgroundClip -> CSS

#backgroundAttachments Source

backgroundAttachments :: Array BackgroundAttachment -> CSS

#backgroundAttachment Source

backgroundAttachment :: BackgroundAttachment -> CSS

#attachScroll Source

attachScroll :: BackgroundAttachment

#attachFixed Source

attachFixed :: BackgroundAttachment

#angular Source

angular :: forall a. Angle a -> Direction

Re-exports from CSS.Border

#wavy Source

wavy :: Stroke

#solid Source

solid :: Stroke

#ridge Source

ridge :: Stroke

#outset Source

outset :: Stroke

#outlineWidth Source

outlineWidth :: Size LengthUnit -> CSS

#outlineStyle Source

outlineStyle :: Stroke -> CSS

#outlineOffset Source

outlineOffset :: Size LengthUnit -> CSS

#outlineColor Source

outlineColor :: Color -> CSS

#outline Source

outline :: Stroke -> Size LengthUnit -> Color -> CSS

#inset Source

inset :: Stroke

#groove Source

groove :: Stroke

#double Source

double :: Stroke

#dotted Source

dotted :: Stroke

#dashed Source

dashed :: Stroke

#borderTop Source

borderTop :: Stroke -> Size LengthUnit -> Color -> CSS

#borderSpacing Source

borderSpacing :: forall a. Size a -> CSS

#borderRight Source

borderRight :: Stroke -> Size LengthUnit -> Color -> CSS

#borderRadius Source

borderRadius :: forall a. Size a -> Size a -> Size a -> Size a -> CSS

#borderLeft Source

borderLeft :: Stroke -> Size LengthUnit -> Color -> CSS

#borderColor Source

borderColor :: Color -> CSS

#borderBottom Source

borderBottom :: Stroke -> Size LengthUnit -> Color -> CSS

#border Source

border :: Stroke -> Size LengthUnit -> Color -> CSS

Re-exports from CSS.Box

#BoxType Source

newtype BoxType

Instances

#BoxShadow Source

newtype BoxShadow

Instances

#paddingBox Source

paddingBox :: BoxType

DEPRECATED

#contentBox Source

contentBox :: BoxType

#boxSizing Source

boxSizing :: BoxType -> CSS

#boxShadow Source

boxShadow :: NonEmpty Array BoxShadow -> CSS

This function will usually take a singleton list, but requiring a (non-empty) list prevents accidentally applying the modifiers (bsInset, bsColor) incorrectly.

singleton (from "Data.NonEmpty") creates a singleton list.

boxShadow $ singleton $ shadow (px 1.0) (px 1.0)

For supplying multiple BoxShadow values:

boxShadow $
  red `bsColor` shadow (px 3.0) (px 3.0) :|
  [olive `bsColor` shadowWithBlur (em (-1.0)) (em 0.0) (em 0.4)]

#borderBox Source

borderBox :: BoxType

Re-exports from CSS.Color

#ColorSpace Source

data ColorSpace

Definition of a color space.

RGB: red, green, blue
HSL: hue, saturation, lightness
LCh: Lightness, chroma, hue
Lab: Lightness, a, b

Constructors

RGB
HSL
LCh
Lab

#Color Source

data Color

The representation of a color.

Note:

The Eq instance compares two Colors by comparing their (integer) RGB values. This is different from comparing the HSL values (for example, HSL has many different representations of black (arbitrary hue and saturation values).
Colors outside the sRGB gamut which cannot be displayed on a typical computer screen can not be represented by Color.

Instances

Show Color
Eq Color

#xyz Source

xyz :: Number -> Number -> Number -> Color

Create a Color from XYZ coordinates in the CIE 1931 color space. Note that a Color always represents a color in the sRGB gamut (colors that can be represented on a typical computer screen) while the XYZ color space is bigger. This function will tend to create fully saturated colors at the edge of the sRGB gamut if the coordinates lie outside the sRGB range.

See:

#white Source

white :: Color

Pure white.

#toXYZ Source

toXYZ :: Color -> { x :: Number, y :: Number, z :: Number }

Get XYZ coordinates according to the CIE 1931 color space.

See:

#toRGBA' Source

toRGBA' :: Color -> { a :: Number, b :: Number, g :: Number, r :: Number }

Convert a Color to its red, green, blue and alpha values. All values are numbers in the range from 0.0 to 1.0.

#toRGBA Source

toRGBA :: Color -> { a :: Number, b :: Int, g :: Int, r :: Int }

Convert a Color to its red, green, blue and alpha values. The RGB values are integers in the range from 0 to 255. The alpha channel is a number between 0.0 and 1.0.

#toLab Source

toLab :: Color -> { a :: Number, b :: Number, l :: Number }

Get L, a and b coordinates according to the Lab color space.

See: https://en.wikipedia.org/wiki/Lab_color_space

#toLCh Source

toLCh :: Color -> { c :: Number, h :: Number, l :: Number }

Get L, C and h coordinates according to the CIE LCh color space.

See: https://en.wikipedia.org/wiki/Lab_color_space

#toHexString Source

toHexString :: Color -> String

Return a hexadecimal representation of the color in the forms #rrggbb or #rrggbbaa, where rr, gg, bb, and aa refer to hexadecimal digits corresponding to the RGBA channel values between 00 and ff. The alpha channel is only represented when it has a value less than 100%.

#toHSLA Source

toHSLA :: Color -> { a :: Number, h :: Number, l :: Number, s :: Number }

Convert a Color to its Hue, Saturation, Lightness and Alpha values. See hsla for the ranges of each channel.

#toGray Source

toGray :: Color -> Color

Convert a color to a gray tone with the same perceived luminance (see luminance).

#textColor Source

textColor :: Color -> Color

Return a readable foreground text color (either black or white) for a given background color.

#saturate Source

saturate :: Number -> Color -> Color

Increase the saturation of a color by adding a certain amount (number between -1.0 and 1.0) to the saturation channel. If the number is negative, the color is desaturated.

#rotateHue Source

rotateHue :: Number -> Color -> Color

Rotate the hue of a Color by a certain angle (in degrees).

#rgba' Source

rgba' :: Number -> Number -> Number -> Number -> Color

Create a Color from RGB and alpha values between 0.0 and 1.0.

#rgba Source

rgba :: Int -> Int -> Int -> Number -> Color

Create a Color from integer RGB values between 0 and 255 and a floating point alpha value between 0.0 and 1.0.

#rgb' Source

rgb' :: Number -> Number -> Number -> Color

Create a Color from RGB values between 0.0 and 1.0.

#rgb Source

rgb :: Int -> Int -> Int -> Color

Create a Color from integer RGB values between 0 and 255.

#mix Source

mix :: ColorSpace -> Interpolator

Mix two colors by linearly interpolating between them in the specified color space. For the HSL colorspace, the shortest path is chosen along the circle of hue values.

#luminance Source

luminance :: Color -> Number

The relative brightness of a color (normalized to 0.0 for darkest black and 1.0 for lightest white), according to the WCAG definition.

See: https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef

#lighten Source

lighten :: Number -> Color -> Color

Lighten a color by adding a certain amount (number between -1.0 and 1.0) to the lightness channel. If the number is negative, the color is darkened.

#lch Source

lch :: Number -> Number -> Number -> Color

Create a Color from lightness, chroma and hue coordinates in the CIE LCh color space. This is a cylindrical transform of the Lab color space. Note: See documentation for xyz. The same restrictions apply here.

See: https://en.wikipedia.org/wiki/Lab_color_space

#lab Source

lab :: Number -> Number -> Number -> Color

Create a Color from L, a and b coordinates coordinates in the Lab color space. Note: See documentation for xyz. The same restrictions apply here.

See: https://en.wikipedia.org/wiki/Lab_color_space

#isReadable Source

isReadable :: Color -> Color -> Boolean

Determine whether text of one color is readable on a background of a different color (see contrast). This function is symmetric in both arguments.

isReadable c1 c2 = contrast c1 c2 > 4.5

#isLight Source

isLight :: Color -> Boolean

Determine whether a color is perceived as a light color.

isLight c = brightness c > 0.5

#hsla Source

hsla :: Number -> Number -> Number -> Number -> Color

Create a Color from Hue, Saturation, Lightness and Alpha values. The Hue is given in degrees, as a Number between 0.0 and 360.0. Saturation, Lightness and Alpha are numbers between 0.0 and 1.0.

#hsl Source

hsl :: Number -> Number -> Number -> Color

Create a Color from Hue, Saturation and Lightness values. The Hue is given in degrees, as a Number between 0.0 and 360.0. Both Saturation and Lightness are numbers between 0.0 and 1.0.

#graytone Source

graytone :: Number -> Color

Create a gray tone from a lightness values (0.0 is black, 1.0 is white).

#fromInt Source

fromInt :: Int -> Color

Converts an integer to a color (RGB representation). 0 is black and 0xffffff is white. Values outside this range will be clamped.

This function is useful if you want to hard-code Hex values. For example:

red = fromInt 0xff0000

#fromHexString Source

fromHexString :: String -> Maybe Color

Parse a hexadecimal RGB code of the form #rgb or #rrggbb. The # character is required. Each hexadecimal digit is of the form [0-9a-fA-F] (case insensitive). Returns Nothing if the string is in a wrong format.

#distance Source

distance :: Color -> Color -> Number

Compute the perceived 'distance' between two colors according to the CIE76 delta-E standard. A distance below ~2.3 is not noticable.

See: https://en.wikipedia.org/wiki/Color_difference

#desaturate Source

desaturate :: Number -> Color -> Color

Decrease the saturation of a color by subtracting a certain amount (number between -1.0 and 1.0) from the saturation channel. If the number is negative, the color is saturated.

#darken Source

darken :: Number -> Color -> Color

Darken a color by subtracting a certain amount (number between -1.0 and 1.0) from the lightness channel. If the number is negative, the color is lightened.

#cssStringRGBA Source

cssStringRGBA :: Color -> String

A CSS representation of the color in the form rgb(..) or rgba(...).

#cssStringHSLA Source

cssStringHSLA :: Color -> String

A CSS representation of the color in the form hsl(..) or hsla(...).

#contrast Source

contrast :: Color -> Color -> Number

The contrast ratio of two colors. A minimum contrast ratio of 4.5 is recommended to ensure that text is readable on a colored background. The contrast ratio is symmetric on both arguments: contrast c1 c2 == contrast c2 c1.

See http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef

#complementary Source

complementary :: Color -> Color

Get the complementary color (hue rotated by 180°).

#brightness Source

brightness :: Color -> Number

The percieved brightness of the color (A number between 0.0 and 1.0).

See: https://www.w3.org/TR/AERT#color-contrast

#black Source

black :: Color

Pure black.

Re-exports from CSS.Cursor

#Cursor Source

data Cursor

Instances

#cursor Source

cursor :: Cursor -> CSS

Re-exports from CSS.Display

#Position Source

newtype Position

Constructors

Position Value

Instances

#Float Source

data Float

Constructors

Instances

#Display Source

newtype Display

Constructors

Display Value

Instances

#ClearFloat Source

data ClearFloat

Constructors

Instances

#zIndex Source

zIndex :: Int -> CSS

#visibility Source

visibility :: Visibility -> CSS

#tableRowGroup Source

tableRowGroup :: Display

#tableRow Source

tableRow :: Display

#tableHeaderGroup Source

tableHeaderGroup :: Display

#tableFooterGroup Source

tableFooterGroup :: Display

#tableColumnGroup Source

tableColumnGroup :: Display

#tableColumn Source

tableColumn :: Display

#tableCell Source

tableCell :: Display

#tableCaption Source

tableCaption :: Display

#static Source

static :: Position

#runIn Source

runIn :: Display

#relative Source

relative :: Position

#position Source

position :: Position -> CSS

#opacity Source

opacity :: Number -> CSS

#listItem Source

listItem :: Display

#inlineTable Source

inlineTable :: Display

#inlineGrid Source

inlineGrid :: Display

#inlineFlex Source

inlineFlex :: Display

#inlineBlock Source

inlineBlock :: Display

#inline Source

inline :: Display

#grid Source

grid :: Display

#floatRight Source

floatRight :: Float

#floatLeft Source

floatLeft :: Float

#float Source

float :: Float -> CSS

#flex Source

flex :: Display

#fixed Source

fixed :: Position

#displayTable Source

displayTable :: Display

#displayNone Source

displayNone :: Display

#displayInherit Source

displayInherit :: Display

#display Source

display :: Display -> CSS

#collapse Source

collapse :: Visibility

#clearRight Source

clearRight :: ClearFloat

#clearLeft Source

clearLeft :: ClearFloat

#clearInlineStart Source

clearInlineStart :: ClearFloat

#clearInlineEnd Source

clearInlineEnd :: ClearFloat

#clearBoth Source

clearBoth :: ClearFloat

#clear Source

clear :: ClearFloat -> CSS

#block Source

block :: Display

#absolute Source

absolute :: Position

Re-exports from CSS.Elements

#var Source

var :: Selector

#ul Source

ul :: Selector

#u Source

u :: Selector

#tr Source

tr :: Selector

#thead Source

thead :: Selector

#th Source

th :: Selector

#tfoot Source

tfoot :: Selector

#textarea Source

textarea :: Selector

#td Source

td :: Selector

#tbody Source

tbody :: Selector

#table Source

table :: Selector

#sup Source

sup :: Selector

#summary Source

summary :: Selector

#sub Source

sub :: Selector

#strong Source

strong :: Selector

#span Source

span :: Selector

#small Source

small :: Selector

#section Source

section :: Selector

#samp Source

samp :: Selector

#s Source

s :: Selector

#q Source

q :: Selector

#progress Source

progress :: Selector

#pre Source

pre :: Selector

#p Source

p :: Selector

#output Source

output :: Selector

#optgroup Source

optgroup :: Selector

#ol Source

ol :: Selector

#object Source

object :: Selector

#nav Source

nav :: Selector

#meter Source

meter :: Selector

#mark Source

mark :: Selector

#map Source

map :: Selector

#main Source

main :: Selector

#li Source

li :: Selector

#legend Source

legend :: Selector

#label Source

label :: Selector

#kbd Source

kbd :: Selector

#ins Source

ins :: Selector

#input Source

input :: Selector

#img Source

img :: Selector

#iframe Source

iframe :: Selector

#i Source

i :: Selector

#html Source

html :: Selector

#hr Source

hr :: Selector

#h6 Source

h6 :: Selector

#h5 Source

h5 :: Selector

#h4 Source

h4 :: Selector

#h3 Source

h3 :: Selector

#h2 Source

h2 :: Selector

#h1 Source

h1 :: Selector

#form Source

form :: Selector

#figure Source

figure :: Selector

#figcaption Source

figcaption :: Selector

#fieldset Source

fieldset :: Selector

#embed Source

embed :: Selector

#dt Source

dt :: Selector

#dl Source

dl :: Selector

#div Source

div :: Selector

#dfn Source

dfn :: Selector

#details Source

details :: Selector

#del Source

del :: Selector

#dd Source

dd :: Selector

#datalist Source

datalist :: Selector

#colgroup Source

colgroup :: Selector

#col Source

col :: Selector

#code Source

code :: Selector

#cite Source

cite :: Selector

#caption Source

caption :: Selector

#canvas Source

canvas :: Selector

#button Source

button :: Selector

#br Source

br :: Selector

#body Source

body :: Selector

#blockquote Source

blockquote :: Selector

#bdo Source

bdo :: Selector

#bdi Source

bdi :: Selector

#b Source

b :: Selector

#audio Source

audio :: Selector

#aside Source

aside :: Selector

#article Source

article :: Selector

#area Source

area :: Selector

#address Source

address :: Selector

#abbr Source

abbr :: Selector

#a Source

a :: Selector

Re-exports from CSS.Flexbox

#JustifyContentValue Source

newtype JustifyContentValue

Constructors

JustifyContentValue Value

Instances

#FlexWrap Source

newtype FlexWrap

Constructors

FlexWrap Value

Instances

#FlexDirection Source

newtype FlexDirection

Constructors

FlexDirection Value

Instances

#AlignSelfValue Source

newtype AlignSelfValue

Constructors

AlignSelfValue Value

Instances

#AlignItemsValue Source

newtype AlignItemsValue

Constructors

AlignItemsValue Value

Instances

#AlignContentValue Source

newtype AlignContentValue

Constructors

AlignContentValue Value

Instances

#FlexEnd Source

class FlexEnd a  where

Members

flexEnd :: a

Instances

#FlexStart Source

class FlexStart a  where

Members

flexStart :: a

Instances

#SpaceAround Source

class SpaceAround a  where

Members

spaceAround :: a

Instances

#SpaceBetween Source

class SpaceBetween a  where

Members

spaceBetween :: a

Instances

#Stretch Source

class Stretch a  where

Members

stretch :: a

Instances

#wrapReverse Source

wrapReverse :: FlexWrap

#wrap Source

wrap :: FlexWrap

#rowReverse Source

rowReverse :: FlexDirection

#row Source

row :: FlexDirection

#order Source

order :: Int -> CSS

#nowrap Source

nowrap :: FlexWrap

#justifyContent Source

justifyContent :: JustifyContentValue -> CSS

#flexWrap Source

flexWrap :: FlexWrap -> CSS

#flexShrink Source

flexShrink :: Number -> CSS

#flexGrow Source

flexGrow :: Number -> CSS

#flexFlow Source

flexFlow :: FlexDirection -> FlexWrap -> CSS

#flexDirection Source

flexDirection :: FlexDirection -> CSS

#flexBasis Source

flexBasis :: forall a. Size a -> CSS

#columnReverse Source

columnReverse :: FlexDirection

#column Source

column :: FlexDirection

#alignSelf Source

alignSelf :: AlignSelfValue -> CSS

#alignItems Source

alignItems :: AlignItemsValue -> CSS

#alignContent Source

alignContent :: AlignContentValue -> CSS

Re-exports from CSS.Font

#GenericFontFamily Source

newtype GenericFontFamily

Constructors

GenericFontFamily Value

Instances

#FontWeight Source

newtype FontWeight

Constructors

FontWeight Value

Instances

#weight Source

weight :: Number -> FontWeight

#sansSerif Source

sansSerif :: GenericFontFamily

#lighter Source

lighter :: FontWeight

#fontWeight Source

fontWeight :: FontWeight -> CSS

#fontSize Source

fontSize :: forall a. Size a -> CSS

#fontFamily Source

fontFamily :: Array String -> NonEmpty Array GenericFontFamily -> CSS

#color Source

color :: Color -> CSS

#bolder Source

bolder :: FontWeight

#bold Source

bold :: FontWeight

Re-exports from CSS.FontFace

#FontFaceSrc Source

data FontFaceSrc

Constructors

FontFaceSrcUrl String (Maybe FontFaceFormat)
FontFaceSrcLocal String

Instances

#FontFaceFormat Source

data FontFaceFormat

Constructors

Instances

Eq FontFaceFormat
Ord FontFaceFormat

#formatName Source

formatName :: FontFaceFormat -> String

#fontFaceSrc Source

fontFaceSrc :: NonEmpty Array FontFaceSrc -> CSS

#fontFaceFamily Source

fontFaceFamily :: String -> CSS

Re-exports from CSS.FontStyle

#FontStyle Source

data FontStyle

Constructors

Instances

#fontStyle Source

fontStyle :: FontStyle -> CSS

Re-exports from CSS.Geometry

#width Source

width :: forall a. Size a -> CSS

#top Source

top :: forall a. Size a -> CSS

#right Source

right :: forall a. Size a -> CSS

#paddingTop Source

paddingTop :: forall a. Size a -> CSS

#paddingRight Source

paddingRight :: forall a. Size a -> CSS

#paddingLeft Source

paddingLeft :: forall a. Size a -> CSS

#paddingBottom Source

paddingBottom :: forall a. Size a -> CSS

#padding Source

padding :: forall a. Size a -> Size a -> Size a -> Size a -> CSS

#minWidth Source

minWidth :: forall a. Size a -> CSS

#minHeight Source

minHeight :: forall a. Size a -> CSS

#maxWidth Source

maxWidth :: forall a. Size a -> CSS

#maxHeight Source

maxHeight :: forall a. Size a -> CSS

#marginTop Source

marginTop :: forall a. Size a -> CSS

#marginRight Source

marginRight :: forall a. Size a -> CSS

#marginLeft Source

marginLeft :: forall a. Size a -> CSS

#marginBottom Source

marginBottom :: forall a. Size a -> CSS

#margin Source

margin :: forall a. Size a -> Size a -> Size a -> Size a -> CSS

#lineHeight Source

lineHeight :: forall a. Size a -> CSS

#left Source

left :: forall a. Size a -> CSS

#height Source

height :: forall a. Size a -> CSS

#bottom Source

bottom :: forall a. Size a -> CSS

Re-exports from CSS.Gradient

#Ramp Source

type Ramp = Array (Tuple Color (Size Percentage))

#Radial Source

newtype Radial

Instances

#Extend Source

newtype Extend

Instances

#vRepeatingGradient Source

vRepeatingGradient :: Color -> Color -> BackgroundImage

#vGradient Source

vGradient :: Color -> Color -> BackgroundImage

#repeatingRadialGradient Source

repeatingRadialGradient :: forall l. Loc l => l -> Radial -> Ramp -> BackgroundImage

#repeatingLinearGradient Source

repeatingLinearGradient :: Direction -> Ramp -> BackgroundImage

#radialGradient Source

radialGradient :: forall l. Loc l => l -> Radial -> Ramp -> BackgroundImage

#linearGradient Source

linearGradient :: Direction -> Ramp -> BackgroundImage

#hRepeatingGradient Source

hRepeatingGradient :: Color -> Color -> BackgroundImage

#hGradient Source

hGradient :: Color -> Color -> BackgroundImage

#farthestSide Source

farthestSide :: Extend

#farthestCorner Source

farthestCorner :: Extend

#elliptical Source

elliptical :: forall a. Size a -> Size a -> Radial

#ellipse Source

ellipse :: Extend -> Radial

#closestSide Source

closestSide :: Extend

#closestCorner Source

closestCorner :: Extend

#circular Source

circular :: Size LengthUnit -> Radial

#circle Source

circle :: Extend -> Radial

Re-exports from CSS.Property

#Value Source

newtype Value

Constructors

Value Prefixed

Instances

#Prefixed Source

data Prefixed

Constructors

Prefixed (Array (Tuple String String))
Plain String

Instances

#Literal Source

newtype Literal

Constructors

Literal String

Instances

#Key Source

newtype Key a

Constructors

Key Prefixed

Instances

(Eq a) => Eq (Key a)
(Ord a) => Ord (Key a)
IsString (Key a)

#Val Source

class Val a  where

Members

value :: a -> Value

Instances

Val Literal
Val Value
Val String
Val Unit
(Val a, Val b) => Val (Tuple a b)
Val Number
(Val a) => Val (Array a)
(Val a) => Val (NonEmpty Array a)
Val Color

#quote Source

quote :: String -> String

#plain Source

plain :: Prefixed -> String

#noCommas Source

noCommas :: forall a. Val a => Array a -> Value

#cast Source

cast :: forall a. Key a -> Key Unit

#(!) Source

Operator alias for Data.Tuple.Tuple (right-associative / precedence 9)

Re-exports from CSS.Pseudo

#hover Source

hover :: Refinement

Re-exports from CSS.Render

#Sheet Source

newtype Sheet

Constructors

Sheet String

Instances

#Rendered Source

type Rendered = Maybe (These Inline Sheet)

#Inline Source

newtype Inline

Constructors

Inline String

Instances

#sepWith Source

sepWith :: String -> String -> String -> String

#selector'' Source

selector'' :: Array Predicate -> Path Selector -> Array String

#selector' Source

selector' :: Selector -> Array String

#selector Source

selector :: Selector -> String

#rules Source

rules :: Array App -> Array Rule -> Rendered

#rule' Source

rule' :: forall a. Array App -> Array (Tuple (Key a) Value) -> Rendered

#renderedSheet Source

renderedSheet :: Rendered -> Maybe String

#renderedInline Source

renderedInline :: Rendered -> Maybe String

#render Source

render :: forall a. StyleM a -> Rendered

#query' Source

query' :: MediaQuery -> Array App -> Array Rule -> Rendered

#putStyleSheet Source

putStyleSheet :: CSS -> Effect Unit

#putInline Source

putInline :: CSS -> Effect Unit

#properties Source

properties :: Array (Either String (Tuple String String)) -> String

#predicate Source

predicate :: Predicate -> String

#nel Source

nel :: forall a. Array a -> Maybe (NonEmpty Array a)

#merger Source

merger :: NonEmpty Array App -> Selector

#mediaType Source

mediaType :: MediaType -> String

#mediaQuery Source

mediaQuery :: MediaQuery -> String

#kframe Source

kframe :: Keyframes -> Rendered

#imp Source

imp :: String -> Rendered

#getSheet Source

getSheet :: Sheet -> String

#getInline Source

getInline :: Inline -> String

#frame Source

frame :: Number -> Array Rule -> String

#feature Source

feature :: Feature -> String

#face Source

face :: Array Rule -> Rendered

#collect' Source

collect' :: Prefixed -> Prefixed -> Array (Either String (Tuple String String))

#collect Source

collect :: forall a. Tuple (Key a) Value -> Array (Either String (Tuple String String))

Re-exports from CSS.Selector

#Selector Source

data Selector

Constructors

Selector Refinement (Path Selector)

Instances

#Predicate Source

data Predicate

Constructors

Instances

Eq Predicate
Ord Predicate

#Path Source

data Path f

Constructors

Star
Elem String
PathChild f f
Deep f f
Adjacent f f
Combined f f

Instances

(Eq f) => Eq (Path f)
(Ord f) => Ord (Path f)

#star Source

star :: Selector

The star selector applies to all elements. Maps to * in CSS.

#pseudo Source

pseudo :: String -> Refinement

Filter elements by pseudo selector or pseudo class. The preferred syntax is to use :pseudo-selector or use one of the predefined ones from CSS.Pseudo.

#func Source

func :: String -> Array String -> Refinement

Filter elements by pseudo selector functions. The preferred way is to use one of the predefined functions from CSS.Pseudo.

#element Source

element :: String -> Selector

Select elements by name.

#byId Source

byId :: String -> Refinement

Filter elements by id.

#byClass Source

byClass :: String -> Refinement

Filter elements by class.

#attr Source

attr :: String -> Refinement

Filter elements based on the presence of a certain attribute.

#(~=) Source

Operator alias for CSS.Selector.attrSpace (non-associative / precedence 6)

#(|>) Source

Operator alias for CSS.Selector.child (non-associative / precedence 6)

#(|=) Source

Operator alias for CSS.Selector.attrHyph (non-associative / precedence 6)

#(|+) Source

Operator alias for CSS.Selector.adjacent (non-associative / precedence 6)

#(|*) Source

Operator alias for CSS.Selector.deep (non-associative / precedence 6)

#(^=) Source

Operator alias for CSS.Selector.attrBegins (non-associative / precedence 6)

#(@=) Source

Operator alias for CSS.Selector.attrVal (non-associative / precedence 6)

#(*=) Source

Operator alias for CSS.Selector.attrContains (non-associative / precedence 6)

#(&) Source

Operator alias for CSS.Selector.with (non-associative / precedence 6)

#($=) Source

Operator alias for CSS.Selector.attrEnds (non-associative / precedence 6)

Re-exports from CSS.Size

#Size Source

data Size a

Constructors

Instances

IsString (Size a)
Val (Size a)
Auto (Size a)
Inherit (Size a)
Initial (Size a)
Unset (Size a)

#Rad Source

data Rad

#Percentage Source

data Percentage

Instances

#LengthUnit Source

data LengthUnit

Instances

#Deg Source

data Deg

#Combination Source

data Combination

Instances

#Angle Source

newtype Angle a

Constructors

Angle Value

Instances

(Eq a) => Eq (Angle a)
(Ord a) => Ord (Angle a)
Val (Angle a)

#vw Source

vw :: Number -> Size LengthUnit

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

#vmin Source

vmin :: Number -> Size LengthUnit

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

#vmax Source

vmax :: Number -> Size LengthUnit

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

#vh Source

vh :: Number -> Size LengthUnit

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

#sym Source

sym :: forall a b. (a -> a -> a -> a -> b) -> a -> b

#rem Source

rem :: Number -> Size LengthUnit

Size in rem's.

#rad Source

rad :: Number -> Angle Rad

Angle in radians.

#px Source

px :: Number -> Size LengthUnit

Size in pixels.

#pt Source

pt :: Number -> Size LengthUnit

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

#pct Source

pct :: Number -> Size Percentage

SimpleSize in percents.

#nil Source

nil :: forall a. Size a

Zero size.

#ex Source

ex :: Number -> Size LengthUnit

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

#em Source

em :: Number -> Size LengthUnit

Size in em's.

#deg Source

deg :: Number -> Angle Deg

Angle in degrees.

#(@/) Source

Operator alias for CSS.Size.calcDiv (left-associative / precedence 7)

#(@-@) Source

Operator alias for CSS.Size.calcDiff (left-associative / precedence 6)

#(@+@) Source

Operator alias for CSS.Size.calcSum (left-associative / precedence 6)

#(@*) Source

Operator alias for CSS.Size.calcMultFlipped (left-associative / precedence 7)

#(*@) Source

Operator alias for CSS.Size.calcMult (left-associative / precedence 7)

Re-exports from CSS.String

#IsString Source

class IsString s  where

Members

fromString :: String -> s

Instances

IsString String

Re-exports from CSS.Stylesheet

#StyleM Source

newtype StyleM a

Constructors

S (Writer (Array Rule) a)

Instances

#Rule Source

data Rule

Constructors

Instances

Eq Rule
Ord Rule

#NotOrOnly Source

data NotOrOnly

Constructors

Not
Only

Instances

Eq NotOrOnly
Ord NotOrOnly

#MediaType Source

newtype MediaType

Constructors

MediaType Value

Instances

Eq MediaType
Ord MediaType

#MediaQuery Source

data MediaQuery

Constructors

MediaQuery (Maybe NotOrOnly) MediaType (NonEmpty Array Feature)

Instances

Eq MediaQuery
Ord MediaQuery

#Keyframes Source

data Keyframes

Constructors

Keyframes String (NonEmpty Array (Tuple Number (Array Rule)))

Instances

Eq Keyframes
Ord Keyframes

#Feature Source

data Feature

Constructors

Feature String (Maybe Value)

Instances

Eq Feature
Ord Feature

#CSS Source

type CSS = StyleM Unit

#App Source

data App

Constructors

Instances

Eq App
Ord App

#select Source

select :: Selector -> CSS -> CSS

#runS Source

runS :: forall a. StyleM a -> Array Rule

#rule Source

rule :: Rule -> CSS

#query Source

query :: MediaType -> NonEmpty Array Feature -> CSS -> CSS

#prefixed Source

prefixed :: forall a. Val a => Prefixed -> a -> CSS

#keyframesFromTo Source

keyframesFromTo :: String -> CSS -> CSS -> CSS

#keyframes Source

keyframes :: String -> NonEmpty Array (Tuple Number CSS) -> CSS

#key Source

key :: forall a. Val a => Key a -> a -> CSS

#importUrl Source

importUrl :: String -> CSS

#fontFace Source

fontFace :: CSS -> CSS

#(?) Source

Operator alias for CSS.Stylesheet.select (right-associative / precedence 5)

Re-exports from CSS.Text

#TextDecoration Source

newtype TextDecoration

Constructors

TextDecoration Value

Instances

#underline Source

underline :: TextDecoration

#textDecoration Source

textDecoration :: TextDecoration -> CSS

#overline Source

overline :: TextDecoration

#noneTextDecoration Source

noneTextDecoration :: TextDecoration

#lineThrough Source

lineThrough :: TextDecoration

#letterSpacing Source

letterSpacing :: forall a. Size a -> CSS

#blink Source

blink :: TextDecoration

Re-exports from CSS.Text.Direction

#TextDirection Source

data TextDirection

Constructors

Ltr
Rtl

Instances

#direction Source

direction :: TextDirection -> CSS

Re-exports from CSS.Text.Overflow

#TextOverflow Source

data TextOverflow

Instances

#textOverflow Source

textOverflow :: TextOverflow -> CSS

Re-exports from CSS.Text.Transform

#TextTransform Source

data TextTransform

Instances

#textTransform Source

textTransform :: TextTransform -> CSS

Re-exports from CSS.Text.Whitespace

#TextWhitespace Source

newtype TextWhitespace

Instances

#whitespacePreWrap Source

whitespacePreWrap :: TextWhitespace

#whitespacePreLine Source

whitespacePreLine :: TextWhitespace

#whitespacePre Source

whitespacePre :: TextWhitespace

#whitespaceNormal Source

whitespaceNormal :: TextWhitespace

#whitespaceNoWrap Source

whitespaceNoWrap :: TextWhitespace

#textWhitespace Source

textWhitespace :: TextWhitespace -> CSS

Re-exports from CSS.Time

#Time Source

newtype Time

Constructors

Time Value

Instances

#sec Source

sec :: Number -> Time

#ms Source

ms :: Number -> Time

Re-exports from CSS.Transform

#Transformation Source

newtype Transformation

Constructors

Transformation Value

Instances

#TransformOriginOffset Source

data TransformOriginOffset a

Constructors

Instances

Val (TransformOriginOffset a)

#TransformOrigin Source

data TransformOrigin a

Constructors

TransformOrigin (TransformOriginOffset a) (TransformOriginOffset a) (Size a)
Initial
Inherit
Unset

Instances

#translate Source

translate :: forall a b. Size a -> Size b -> Transformation

#transforms Source

transforms :: Array Transformation -> CSS

#transformOrigin Source

transformOrigin :: forall a. TransformOriginOffset a -> TransformOriginOffset a -> Size a -> CSS

#transform Source

transform :: Transformation -> CSS

#rotate Source

rotate :: forall a. Angle a -> Transformation

#offsetTop Source

offsetTop :: forall a. TransformOriginOffset a

#offsetRight Source

offsetRight :: forall a. TransformOriginOffset a

#offsetLeft Source

offsetLeft :: forall a. TransformOriginOffset a

#offsetCenter Source

offsetCenter :: forall a. TransformOriginOffset a

#offsetBottom Source

offsetBottom :: forall a. TransformOriginOffset a

#offset Source

offset :: forall a. Size a -> TransformOriginOffset a

Re-exports from CSS.Transition

#TimingFunction Source

data TimingFunction

Constructors

Ease
EaseIn
EaseOut
EaseInOut
Linear
StepStart
StepEnd
Steps Int TimingStepsValue
CubicBezier Number Number Number Number

Instances

#transitionTimingFunctions Source

transitionTimingFunctions :: Array TimingFunction -> CSS

#transitionTimingFunction Source

transitionTimingFunction :: TimingFunction -> CSS

#transitionProperty Source

transitionProperty :: String -> CSS

#transitionProperties Source

transitionProperties :: Array String -> CSS

#transitionDurations Source

transitionDurations :: Array String -> CSS

#transitionDuration Source

transitionDuration :: String -> CSS

#transitionDelays Source

transitionDelays :: Array Time -> CSS

#transitionDelay Source

transitionDelay :: Time -> CSS

#transition Source

transition :: String -> Time -> TimingFunction -> Time -> CSS

#steps Source

steps :: Int -> TimingStepsValue -> TimingFunction

#stepStart Source

stepStart :: TimingFunction

#stepEnd Source

stepEnd :: TimingFunction

#linear Source

linear :: TimingFunction

#easeOut Source

easeOut :: TimingFunction

#easeInOut Source

easeInOut :: TimingFunction

#easeIn Source

easeIn :: TimingFunction

#ease Source

ease :: TimingFunction

#cubicBezier Source

cubicBezier :: Number -> Number -> Number -> Number -> TimingFunction