Module

CSS

Package: purescript-css
Repository: slamdata/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

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 b a. 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

#inset Source

inset :: Stroke

#groove Source

groove :: Stroke

#double Source

double :: Stroke

#dotted Source

dotted :: Stroke

#dashed Source

dashed :: Stroke

#borderRadius Source

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

#borderColor Source

borderColor :: Color -> CSS

#border Source

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

Re-exports from CSS.Box

#BoxType Source

newtype BoxType

Instances

#paddingBox Source

paddingBox :: BoxType

DEPRECATED

#insetBoxShadow Source

insetBoxShadow :: forall a. Stroke -> Size a -> Size a -> Size a -> Color -> CSS

#contentBox Source

contentBox :: BoxType

#boxSizing Source

boxSizing :: BoxType -> CSS

#boxShadow Source

boxShadow :: forall a. Size a -> Size a -> Size a -> Color -> CSS

#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

#yellowgreen Source

yellowgreen :: Color

#yellow Source

yellow :: 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:

#whitesmoke Source

whitesmoke :: Color

#white Source

white :: Color

Pure white.

#wheat Source

wheat :: Color

#violet Source

violet :: Color

#turquoise Source

turquoise :: Color

#tomato Source

tomato :: Color

#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 form #rrggbb, where rr, gg and bb refer to hexadecimal digits corresponding to the RGB channel values between 00 and ff. The alpha channel is not represented.

#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).

#thistle Source

thistle :: Color

#textColor Source

textColor :: Color -> Color

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

#teal Source

teal :: Color

#tan Source

tan :: Color

#steelblue Source

steelblue :: Color

#springgreen Source

springgreen :: Color

#snow Source

snow :: Color

#slategrey Source

slategrey :: Color

#slategray Source

slategray :: Color

#slateblue Source

slateblue :: Color

#skyblue Source

skyblue :: Color

#silver Source

silver :: Color

#sienna Source

sienna :: Color

#seashell Source

seashell :: Color

#seagreen Source

seagreen :: 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.

#sandybrown Source

sandybrown :: Color

#salmon Source

salmon :: Color

#saddlebrown Source

saddlebrown :: Color

#royalblue Source

royalblue :: Color

#rotateHue Source

rotateHue :: Number -> Color -> Color

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

#rosybrown Source

rosybrown :: Color

#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.

#red Source

red :: Color

#purple Source

purple :: Color

#powderblue Source

powderblue :: Color

#plum Source

plum :: Color

#pink Source

pink :: Color

#peru Source

peru :: Color

#peachpuff Source

peachpuff :: Color

#papayawhip Source

papayawhip :: Color

#palevioletred Source

palevioletred :: Color

#paleturquoise Source

paleturquoise :: Color

#palegreen Source

palegreen :: Color

#palegoldenrod Source

palegoldenrod :: Color

#orchid Source

orchid :: Color

#orangered Source

orangered :: Color

#orange Source

orange :: Color

#olivedrab Source

olivedrab :: Color

#olive Source

olive :: Color

#oldlace Source

oldlace :: Color

#navy Source

navy :: Color

#navajowhite Source

navajowhite :: Color

#moccasin Source

moccasin :: Color

#mix Source

mix :: ColorSpace -> Color -> Color -> Number -> Color

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.

#mistyrose Source

mistyrose :: Color

#mintcream Source

mintcream :: Color

#midnightblue Source

midnightblue :: Color

#mediumvioletred Source

mediumvioletred :: Color

#mediumturquoise Source

mediumturquoise :: Color

#mediumspringgreen Source

mediumspringgreen :: Color

#mediumslateblue Source

mediumslateblue :: Color

#mediumseagreen Source

mediumseagreen :: Color

#mediumpurple Source

mediumpurple :: Color

#mediumorchid Source

mediumorchid :: Color

#mediumblue Source

mediumblue :: Color

#mediumaquamarine Source

mediumaquamarine :: Color

#maroon Source

maroon :: Color

#magenta Source

magenta :: Color

#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

#linen Source

linen :: Color

#limegreen Source

limegreen :: Color

#lime Source

lime :: Color

#lightyellow Source

lightyellow :: Color

#lightsteelblue Source

lightsteelblue :: Color

#lightslategrey Source

lightslategrey :: Color

#lightslategray Source

lightslategray :: Color

#lightskyblue Source

lightskyblue :: Color

#lightseagreen Source

lightseagreen :: Color

#lightsalmon Source

lightsalmon :: Color

#lightpink Source

lightpink :: Color

#lightgrey Source

lightgrey :: Color

#lightgreen Source

lightgreen :: Color

#lightgray Source

lightgray :: Color

#lightgoldenrodyellow Source

lightgoldenrodyellow :: Color

#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.

#lightcyan Source

lightcyan :: Color

#lightcoral Source

lightcoral :: Color

#lightblue Source

lightblue :: Color

#lemonchiffon Source

lemonchiffon :: Color

#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

#lawngreen Source

lawngreen :: Color

#lavenderblush Source

lavenderblush :: Color

#lavender Source

lavender :: Color

#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

#khaki Source

khaki :: Color

#ivory Source

ivory :: Color

#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

#indigo Source

indigo :: Color

#indianred Source

indianred :: Color

#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.

#hotpink Source

hotpink :: Color

#honeydew Source

honeydew :: Color

#grey Source

grey :: Color

#greenyellow Source

greenyellow :: Color

#green Source

green :: Color

#graytone Source

graytone :: Number -> Color

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

#gray Source

gray :: Color

#goldenrod Source

goldenrod :: Color

#gold Source

gold :: Color

#ghostwhite Source

ghostwhite :: Color

#gainsboro Source

gainsboro :: Color

#fuchsia Source

fuchsia :: Color

#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.

#forestgreen Source

forestgreen :: Color

#floralwhite Source

floralwhite :: Color

#firebrick Source

firebrick :: Color

#dodgerblue Source

dodgerblue :: Color

#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

#dimgrey Source

dimgrey :: Color

#dimgray Source

dimgray :: Color

#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.

#deepskyblue Source

deepskyblue :: Color

#deeppink Source

deeppink :: Color

#darkviolet Source

darkviolet :: Color

#darkturquoise Source

darkturquoise :: Color

#darkslategrey Source

darkslategrey :: Color

#darkslategray Source

darkslategray :: Color

#darkslateblue Source

darkslateblue :: Color

#darkseagreen Source

darkseagreen :: Color

#darksalmon Source

darksalmon :: Color

#darkred Source

darkred :: Color

#darkorchid Source

darkorchid :: Color

#darkorange Source

darkorange :: Color

#darkolivegreen Source

darkolivegreen :: Color

#darkmagenta Source

darkmagenta :: Color

#darkkhaki Source

darkkhaki :: Color

#darkgrey Source

darkgrey :: Color

#darkgreen Source

darkgreen :: Color

#darkgray Source

darkgray :: Color

#darkgoldenrod Source

darkgoldenrod :: Color

#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.

#darkcyan Source

darkcyan :: Color

#darkblue Source

darkblue :: Color

#cyan Source

cyan :: Color

#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(...).

#crimson Source

crimson :: Color

#cornsilk Source

cornsilk :: Color

#cornflowerblue Source

cornflowerblue :: Color

#coral Source

coral :: Color

#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°).

#chocolate Source

chocolate :: Color

#chartreuse Source

chartreuse :: Color

#cadetblue Source

cadetblue :: Color

#burlywood Source

burlywood :: Color

#brown Source

brown :: Color

#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

#blueviolet Source

blueviolet :: Color

#blue Source

blue :: Color

#blanchedalmond Source

blanchedalmond :: Color

#black Source

black :: Color

Pure black.

#bisque Source

bisque :: Color

#beige Source

beige :: Color

#azure Source

azure :: Color

#aquamarine Source

aquamarine :: Color

#aqua Source

aqua :: Color

#antiquewhite Source

antiquewhite :: Color

#aliceblue Source

aliceblue :: Color

Re-exports from CSS.Display

#Position Source

newtype Position

Constructors

Position Value

Instances

#Display Source

newtype Display

Constructors

Display Value

Instances

#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

#table Source

table :: Display

#static Source

static :: Position

#runIn Source

runIn :: Display

#relative Source

relative :: Position

#position Source

position :: Position -> 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

#flex Source

flex :: Display

#fixed Source

fixed :: Position

#displayNone Source

displayNone :: Display

#displayInherit Source

displayInherit :: Display

#display Source

display :: Display -> 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

#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 :: Int -> CSS

#flexGrow Source

flexGrow :: Int -> 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

#formatName Source

formatName :: FontFaceFormat -> String

#fontFaceSrc Source

fontFaceSrc :: NonEmpty Array FontFaceSrc -> CSS

#fontFaceFamily Source

fontFaceFamily :: String -> 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

#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 Rel))

#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 Abs -> 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)
(Generic a) => Generic (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 :: forall e. CSS -> Eff (console :: CONSOLE | e) Unit

#putInline Source

putInline :: forall e. CSS -> Eff (console :: CONSOLE | e) 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

#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)
(Generic f) => Generic (Path f)

#with Source

with :: Selector -> Refinement -> Selector

#star Source

star :: Selector

#element Source

element :: String -> Selector

#deep Source

deep :: Selector -> Selector -> Selector

#child Source

child :: Selector -> Selector -> Selector

#(|>) Source

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

#(**) Source

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

#(##) Source

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

Re-exports from CSS.Size

#Size Source

newtype Size a

Constructors

Size Value

Instances

(Eq a) => Eq (Size a)
(Ord a) => Ord (Size a)
(Generic a) => Generic (Size a)
IsString (Size a)
Val (Size a)
Auto (Size a)

#Rel Source

data Rel

#Rad Source

data Rad

#Deg Source

data Deg

#Angle Source

newtype Angle a

Constructors

Angle Value

Instances

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

#Abs Source

data Abs

#vw Source

vw :: Number -> Size Rel

#vmin Source

vmin :: Number -> Size Rel

#vmax Source

vmax :: Number -> Size Rel

#vh Source

vh :: Number -> Size Rel

#sym Source

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

#rem Source

rem :: Number -> Size Rel

#rad Source

rad :: Number -> Angle Rad

#px Source

px :: Number -> Size Abs

#pt Source

pt :: Number -> Size Abs

#pct Source

pct :: Number -> Size Rel

#nil Source

nil :: forall a. Size a

#ex Source

ex :: Number -> Size Abs

#em Source

em :: Number -> Size Abs

#deg Source

deg :: Number -> Angle Deg

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

#NotOrOnly Source

data NotOrOnly

Constructors

Not
Only

Instances

#MediaType Source

newtype MediaType

Constructors

MediaType Value

Instances

#MediaQuery Source

data MediaQuery

Constructors

MediaQuery (Maybe NotOrOnly) MediaType (NonEmpty Array Feature)

Instances

#Keyframes Source

data Keyframes

Constructors

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

Instances

#Feature Source

data Feature

Constructors

Feature String (Maybe Value)

Instances

#CSS Source

type CSS = StyleM Unit

#App Source

data App

Constructors

Instances

#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

#blink Source

blink :: TextDecoration

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

#translate Source

translate :: Size Abs -> Size Abs -> Transformation

#transforms Source

transforms :: Array Transformation -> CSS

#transform Source

transform :: Transformation -> CSS

#rotate Source

rotate :: forall a. Angle a -> Transformation

Re-exports from CSS.Transition

#TimingFunction Source

newtype TimingFunction

Constructors

TimingFunction Value

Instances

#linear Source

linear :: TimingFunction

#easeOut Source

easeOut :: TimingFunction