Module

CSS

Re-exports from CSS.Animation

#FillMode 

newtype FillMode

Constructors

Instances

#normalAnimationDirection 

normalAnimationDirection :: AnimationDirection

#forwards 

forwards :: FillMode

#backwards 

backwards :: FillMode

Re-exports from CSS.Background

#Loc 

class (Val a) <= Loc a  where

Members

Instances

#straight 

straight :: Side -> Direction

#sideTop 

sideTop :: Side

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

#sideRight 

sideRight :: Side

#sideMiddle 

sideMiddle :: Side

#sideLeft 

sideLeft :: Side

#sideCenter 

sideCenter :: Side

#sideBottom 

sideBottom :: Side

#positioned 

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

#by 

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

#backgroundSize 

backgroundSize :: BackgroundSize -> CSS

#backgroundRepeat 

backgroundRepeat :: BackgroundRepeat -> CSS

#backgroundPosition 

backgroundPosition :: BackgroundPosition -> CSS

#backgroundOrigin 

backgroundOrigin :: BackgroundOrigin -> CSS

#backgroundImage 

backgroundImage :: BackgroundImage -> CSS

#backgroundColor 

backgroundColor :: Color -> CSS

#backgroundClip 

backgroundClip :: BackgroundClip -> CSS

#angular 

angular :: forall a. Angle a -> Direction

Re-exports from CSS.Border

#Stroke 

newtype Stroke

Constructors

Instances

#wavy 

wavy :: Stroke

#solid 

solid :: Stroke

#ridge 

ridge :: Stroke

#outset 

outset :: Stroke

#inset 

inset :: Stroke

#groove 

groove :: Stroke

#double 

double :: Stroke

#dotted 

dotted :: Stroke

#dashed 

dashed :: Stroke

#borderTop 

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

#borderSpacing 

borderSpacing :: forall a. Size a -> CSS

#borderRight 

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

#borderRadius 

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

#borderLeft 

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

#borderColor 

borderColor :: Color -> CSS

#borderBottom 

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

#border 

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

Re-exports from CSS.Box

#paddingBox 

paddingBox :: BoxType

DEPRECATED

#insetBoxShadow 

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

#contentBox 

contentBox :: BoxType

#boxSizing 

boxSizing :: BoxType -> CSS

#boxShadow 

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

#borderBox 

borderBox :: BoxType

Re-exports from CSS.Color

#ColorSpace 

data ColorSpace

Definition of a color space.

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

Constructors

#Color 

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

#yellowgreen 

yellowgreen :: Color

#yellow 

yellow :: Color

#xyz 

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 

whitesmoke :: Color

#white 

white :: Color

Pure white.

#wheat 

wheat :: Color

#violet 

violet :: Color

#turquoise 

turquoise :: Color

#tomato 

tomato :: Color

#toXYZ 

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

Get XYZ coordinates according to the CIE 1931 color space.

See:

#toRGBA' 

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 

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 

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 

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 

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 

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 

toGray :: Color -> Color

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

#thistle 

thistle :: Color

#textColor 

textColor :: Color -> Color

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

#teal 

teal :: Color

#tan 

tan :: Color

#steelblue 

steelblue :: Color

#springgreen 

springgreen :: Color

#snow 

snow :: Color

#slategrey 

slategrey :: Color

#slategray 

slategray :: Color

#slateblue 

slateblue :: Color

#skyblue 

skyblue :: Color

#silver 

silver :: Color

#sienna 

sienna :: Color

#seashell 

seashell :: Color

#seagreen 

seagreen :: Color

#saturate 

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 

sandybrown :: Color

#salmon 

salmon :: Color

#saddlebrown 

saddlebrown :: Color

#royalblue 

royalblue :: Color

#rotateHue 

rotateHue :: Number -> Color -> Color

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

#rosybrown 

rosybrown :: Color

#rgba' 

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

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

#rgba 

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' 

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

Create a Color from RGB values between 0.0 and 1.0.

#rgb 

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

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

#red 

red :: Color

#purple 

purple :: Color

#powderblue 

powderblue :: Color

#plum 

plum :: Color

#pink 

pink :: Color

#peru 

peru :: Color

#peachpuff 

peachpuff :: Color

#papayawhip 

papayawhip :: Color

#palevioletred 

palevioletred :: Color

#paleturquoise 

paleturquoise :: Color

#palegreen 

palegreen :: Color

#palegoldenrod 

palegoldenrod :: Color

#orchid 

orchid :: Color

#orangered 

orangered :: Color

#orange 

orange :: Color

#olivedrab 

olivedrab :: Color

#olive 

olive :: Color

#oldlace 

oldlace :: Color

#navy 

navy :: Color

#navajowhite 

navajowhite :: Color

#moccasin 

moccasin :: Color

#mix 

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.

#mistyrose 

mistyrose :: Color

#mintcream 

mintcream :: Color

#midnightblue 

midnightblue :: Color

#mediumvioletred 

mediumvioletred :: Color

#mediumturquoise 

mediumturquoise :: Color

#mediumspringgreen 

mediumspringgreen :: Color

#mediumslateblue 

mediumslateblue :: Color

#mediumseagreen 

mediumseagreen :: Color

#mediumpurple 

mediumpurple :: Color

#mediumorchid 

mediumorchid :: Color

#mediumblue 

mediumblue :: Color

#mediumaquamarine 

mediumaquamarine :: Color

#maroon 

maroon :: Color

#magenta 

magenta :: Color

#luminance 

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 

linen :: Color

#limegreen 

limegreen :: Color

#lime 

lime :: Color

#lightyellow 

lightyellow :: Color

#lightsteelblue 

lightsteelblue :: Color

#lightslategrey 

lightslategrey :: Color

#lightslategray 

lightslategray :: Color

#lightskyblue 

lightskyblue :: Color

#lightseagreen 

lightseagreen :: Color

#lightsalmon 

lightsalmon :: Color

#lightpink 

lightpink :: Color

#lightgrey 

lightgrey :: Color

#lightgreen 

lightgreen :: Color

#lightgray 

lightgray :: Color

#lightgoldenrodyellow 

lightgoldenrodyellow :: Color

#lighten 

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 

lightcyan :: Color

#lightcoral 

lightcoral :: Color

#lightblue 

lightblue :: Color

#lemonchiffon 

lemonchiffon :: Color

#lch 

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 

lawngreen :: Color

#lavenderblush 

lavenderblush :: Color

#lavender 

lavender :: Color

#lab 

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 

khaki :: Color

#ivory 

ivory :: Color

#isReadable 

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 

isLight :: Color -> Boolean

Determine whether a color is perceived as a light color.

isLight c = brightness c > 0.5

#indigo 

indigo :: Color

#indianred 

indianred :: Color

#hsla 

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 

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 

hotpink :: Color

#honeydew 

honeydew :: Color

#grey 

grey :: Color

#greenyellow 

greenyellow :: Color

#green 

green :: Color

#graytone 

graytone :: Number -> Color

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

#gray 

gray :: Color

#goldenrod 

goldenrod :: Color

#gold 

gold :: Color

#ghostwhite 

ghostwhite :: Color

#gainsboro 

gainsboro :: Color

#fuchsia 

fuchsia :: Color

#fromInt 

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 

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 

forestgreen :: Color

#floralwhite 

floralwhite :: Color

#firebrick 

firebrick :: Color

#dodgerblue 

dodgerblue :: Color

#distance 

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 

dimgrey :: Color

#dimgray 

dimgray :: Color

#desaturate 

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 

deepskyblue :: Color

#deeppink 

deeppink :: Color

#darkviolet 

darkviolet :: Color

#darkturquoise 

darkturquoise :: Color

#darkslategrey 

darkslategrey :: Color

#darkslategray 

darkslategray :: Color

#darkslateblue 

darkslateblue :: Color

#darkseagreen 

darkseagreen :: Color

#darksalmon 

darksalmon :: Color

#darkred 

darkred :: Color

#darkorchid 

darkorchid :: Color

#darkorange 

darkorange :: Color

#darkolivegreen 

darkolivegreen :: Color

#darkmagenta 

darkmagenta :: Color

#darkkhaki 

darkkhaki :: Color

#darkgrey 

darkgrey :: Color

#darkgreen 

darkgreen :: Color

#darkgray 

darkgray :: Color

#darkgoldenrod 

darkgoldenrod :: Color

#darken 

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 

darkcyan :: Color

#darkblue 

darkblue :: Color

#cyan 

cyan :: Color

#cssStringRGBA 

cssStringRGBA :: Color -> String

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

#cssStringHSLA 

cssStringHSLA :: Color -> String

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

#crimson 

crimson :: Color

#cornsilk 

cornsilk :: Color

#cornflowerblue 

cornflowerblue :: Color

#coral 

coral :: Color

#contrast 

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 

complementary :: Color -> Color

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

#chocolate 

chocolate :: Color

#chartreuse 

chartreuse :: Color

#cadetblue 

cadetblue :: Color

#burlywood 

burlywood :: Color

#brown 

brown :: Color

#brightness 

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 

blueviolet :: Color

#blue 

blue :: Color

#blanchedalmond 

blanchedalmond :: Color

#black 

black :: Color

Pure black.

#bisque 

bisque :: Color

#beige 

beige :: Color

#azure 

azure :: Color

#aquamarine 

aquamarine :: Color

#aqua 

aqua :: Color

#antiquewhite 

antiquewhite :: Color

#aliceblue 

aliceblue :: Color

Re-exports from CSS.Cursor

#Cursor 

data Cursor

Instances

#cursor 

cursor :: Cursor -> CSS

Re-exports from CSS.Display

#Position 

newtype Position

Constructors

Instances

#Display 

newtype Display

Constructors

Instances

#zIndex 

zIndex :: Int -> CSS

#tableRowGroup 

tableRowGroup :: Display

#tableRow 

tableRow :: Display

#tableHeaderGroup 

tableHeaderGroup :: Display

#tableFooterGroup 

tableFooterGroup :: Display

#tableColumnGroup 

tableColumnGroup :: Display

#tableColumn 

tableColumn :: Display

#tableCell 

tableCell :: Display

#tableCaption 

tableCaption :: Display

#table 

table :: Display

#static 

static :: Position

#runIn 

runIn :: Display

#relative 

relative :: Position

#position 

position :: Position -> CSS

#opacity 

opacity :: Number -> CSS

#listItem 

listItem :: Display

#inlineTable 

inlineTable :: Display

#inlineGrid 

inlineGrid :: Display

#inlineFlex 

inlineFlex :: Display

#inlineBlock 

inlineBlock :: Display

#inline 

inline :: Display

#grid 

grid :: Display

#floatRight 

floatRight :: Float

#floatLeft 

floatLeft :: Float

#float 

float :: Float -> CSS

#flex 

flex :: Display

#fixed 

fixed :: Position

#displayNone 

displayNone :: Display

#displayInherit 

displayInherit :: Display

#display 

display :: Display -> CSS

#clearRight 

clearRight :: ClearFloat

#clearLeft 

clearLeft :: ClearFloat

#clearInlineStart 

clearInlineStart :: ClearFloat

#clearInlineEnd 

clearInlineEnd :: ClearFloat

#clearBoth 

clearBoth :: ClearFloat

#clear 

clear :: ClearFloat -> CSS

#block 

block :: Display

#absolute 

absolute :: Position

Re-exports from CSS.Elements

#var 

var :: Selector

#thead 

thead :: Selector

#tfoot 

tfoot :: Selector

#textarea 

textarea :: Selector

#tbody 

tbody :: Selector

#sup 

sup :: Selector

#summary 

summary :: Selector

#sub 

sub :: Selector

#strong 

strong :: Selector

#span 

span :: Selector

#small 

small :: Selector

#section 

section :: Selector

#samp 

samp :: Selector

#progress 

progress :: Selector

#pre 

pre :: Selector

#output 

output :: Selector

#optgroup 

optgroup :: Selector

#object 

object :: Selector

#nav 

nav :: Selector

#meter 

meter :: Selector

#mark 

mark :: Selector

#map 

map :: Selector

#main 

main :: Selector

#legend 

legend :: Selector

#label 

label :: Selector

#kbd 

kbd :: Selector

#ins 

ins :: Selector

#input 

input :: Selector

#img 

img :: Selector

#iframe 

iframe :: Selector

#html 

html :: Selector

#header 

header :: Selector

#form 

form :: Selector

#footer 

footer :: Selector

#figure 

figure :: Selector

#figcaption 

figcaption :: Selector

#fieldset 

fieldset :: Selector

#embed 

embed :: Selector

#div 

div :: Selector

#dfn 

dfn :: Selector

#details 

details :: Selector

#del 

del :: Selector

#datalist 

datalist :: Selector

#colgroup 

colgroup :: Selector

#col 

col :: Selector

#code 

code :: Selector

#cite 

cite :: Selector

#caption 

caption :: Selector

#canvas 

canvas :: Selector

#button 

button :: Selector

#body 

body :: Selector

#blockquote 

blockquote :: Selector

#bdo 

bdo :: Selector

#bdi 

bdi :: Selector

#audio 

audio :: Selector

#aside 

aside :: Selector

#article 

article :: Selector

#area 

area :: Selector

#address 

address :: Selector

#abbr 

abbr :: Selector

Re-exports from CSS.Flexbox

#wrapReverse 

wrapReverse :: FlexWrap

#wrap 

wrap :: FlexWrap

#order 

order :: Int -> CSS

#nowrap 

nowrap :: FlexWrap

#flexWrap 

flexWrap :: FlexWrap -> CSS

#flexShrink 

flexShrink :: Number -> CSS

#flexGrow 

flexGrow :: Number -> CSS

#flexDirection 

flexDirection :: FlexDirection -> CSS

#flexBasis 

flexBasis :: forall a. Size a -> CSS

#columnReverse 

columnReverse :: FlexDirection

#alignSelf 

alignSelf :: AlignSelfValue -> CSS

Re-exports from CSS.Font

#lighter 

lighter :: FontWeight

#fontWeight 

fontWeight :: FontWeight -> CSS

#fontSize 

fontSize :: forall a. Size a -> CSS

#color 

color :: Color -> CSS

Re-exports from CSS.FontFace

#fontFaceFamily 

fontFaceFamily :: String -> CSS

Re-exports from CSS.FontStyle

#fontStyle 

fontStyle :: FontStyle -> CSS

Re-exports from CSS.Geometry

#width 

width :: forall a. Size a -> CSS

#top 

top :: forall a. Size a -> CSS

#right 

right :: forall a. Size a -> CSS

#paddingTop 

paddingTop :: forall a. Size a -> CSS

#paddingRight 

paddingRight :: forall a. Size a -> CSS

#paddingLeft 

paddingLeft :: forall a. Size a -> CSS

#paddingBottom 

paddingBottom :: forall a. Size a -> CSS

#padding 

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

#minWidth 

minWidth :: forall a. Size a -> CSS

#minHeight 

minHeight :: forall a. Size a -> CSS

#maxWidth 

maxWidth :: forall a. Size a -> CSS

#maxHeight 

maxHeight :: forall a. Size a -> CSS

#marginTop 

marginTop :: forall a. Size a -> CSS

#marginRight 

marginRight :: forall a. Size a -> CSS

#marginLeft 

marginLeft :: forall a. Size a -> CSS

#marginBottom 

marginBottom :: forall a. Size a -> CSS

#margin 

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

#lineHeight 

lineHeight :: forall a. Size a -> CSS

#left 

left :: forall a. Size a -> CSS

#height 

height :: forall a. Size a -> CSS

#bottom 

bottom :: forall a. Size a -> CSS

Re-exports from CSS.Gradient

#Ramp 

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

#vRepeatingGradient 

vRepeatingGradient :: Color -> Color -> BackgroundImage

#repeatingRadialGradient 

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

#repeatingLinearGradient 

repeatingLinearGradient :: Direction -> Ramp -> BackgroundImage

#radialGradient 

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

#hRepeatingGradient 

hRepeatingGradient :: Color -> Color -> BackgroundImage

#farthestSide 

farthestSide :: Extend

#farthestCorner 

farthestCorner :: Extend

#elliptical 

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

#ellipse 

ellipse :: Extend -> Radial

#closestSide 

closestSide :: Extend

#closestCorner 

closestCorner :: Extend

#circular 

circular :: Size Abs -> Radial

#circle 

circle :: Extend -> Radial

Re-exports from CSS.Property

#Literal 

newtype Literal

Constructors

Instances

#Key 

newtype Key a

Constructors

Instances

#Val 

class Val a  where

Members

Instances

#quote 

quote :: String -> String

#plain 

plain :: Prefixed -> String

#noCommas 

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

#cast 

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

#(!)

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

Re-exports from CSS.Pseudo

Re-exports from CSS.Render

#Sheet 

newtype Sheet

Constructors

Instances

#Rendered 

type Rendered = Maybe (These Inline Sheet)

#sepWith 

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

#selector 

selector :: Selector -> String

#rule' 

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

#renderedSheet 

renderedSheet :: Rendered -> Maybe String

#renderedInline 

renderedInline :: Rendered -> Maybe String

#render 

render :: forall a. StyleM a -> Rendered

#putStyleSheet 

putStyleSheet :: CSS -> Effect Unit

#putInline 

putInline :: CSS -> Effect Unit

#predicate 

predicate :: Predicate -> String

#nel 

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

#mediaType 

mediaType :: MediaType -> String

#mediaQuery 

mediaQuery :: MediaQuery -> String

#imp 

imp :: String -> Rendered

#getSheet 

getSheet :: Sheet -> String

#getInline 

getInline :: Inline -> String

#frame 

frame :: Number -> Array Rule -> String

#feature 

feature :: Feature -> String

#collect 

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

Re-exports from CSS.Selector

#Path 

data Path f

Constructors

Instances

#star 

star :: Selector

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

#pseudo 

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 

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 

element :: String -> Selector

Select elements by name.

#byId 

byId :: String -> Refinement

Filter elements by id.

#byClass 

byClass :: String -> Refinement

Filter elements by class.

#attr 

attr :: String -> Refinement

Filter elements based on the presence of a certain attribute.

#(~=)

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

#(|>)

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

#(|=)

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

#(|+)

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

#(|*)

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

#(^=)

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

#(@=)

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

#(*=)

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

#(&)

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

#($=)

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

Re-exports from CSS.Size

#Size 

newtype Size a

Constructors

Instances

#Rel 

data Rel

#Rad 

data Rad

#Deg 

data Deg

#Angle 

newtype Angle a

Constructors

Instances

#Abs 

data Abs

#vw 

vw :: Number -> Size Rel

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

#vmin 

vmin :: Number -> Size Rel

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

#vmax 

vmax :: Number -> Size Rel

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

#vh 

vh :: Number -> Size Rel

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

#sym 

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

#rem 

rem :: Number -> Size Rel

Size in rem's.

#rad 

rad :: Number -> Angle Rad

Angle in radians.

#px 

px :: Number -> Size Abs

Size in pixels.

#pt 

pt :: Number -> Size Abs

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

#pct 

pct :: Number -> Size Rel

SimpleSize in percents.

#nil 

nil :: forall a. Size a

Zero size.

#ex 

ex :: Number -> Size Abs

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

#em 

em :: Number -> Size Abs

Size in em's.

#deg 

deg :: Number -> Angle Deg

Angle in degrees.

Re-exports from CSS.String

#IsString 

class IsString s  where

Members

Instances

Re-exports from CSS.Stylesheet

#NotOrOnly 

data NotOrOnly

Constructors

Instances

#MediaType 

newtype MediaType

Constructors

Instances

#Feature 

data Feature

Constructors

Instances

#CSS 

type CSS = StyleM Unit

#select 

select :: Selector -> CSS -> CSS

#runS 

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

#rule 

rule :: Rule -> CSS

#prefixed 

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

#keyframesFromTo 

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

#key 

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

#importUrl 

importUrl :: String -> CSS

#fontFace 

fontFace :: CSS -> CSS

#(?)

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

Re-exports from CSS.Text

#textDecoration 

textDecoration :: TextDecoration -> CSS

#noneTextDecoration 

noneTextDecoration :: TextDecoration

#letterSpacing 

letterSpacing :: forall a. Size a -> CSS

Re-exports from CSS.Text.Overflow

#textOverflow 

textOverflow :: TextOverflow -> CSS

Re-exports from CSS.Text.Transform

#textTransform 

textTransform :: TextTransform -> CSS

Re-exports from CSS.Text.Whitespace

#whitespacePreWrap 

whitespacePreWrap :: TextWhitespace

#whitespacePreLine 

whitespacePreLine :: TextWhitespace

#whitespaceNormal 

whitespaceNormal :: TextWhitespace

#whitespaceNoWrap 

whitespaceNoWrap :: TextWhitespace

#textWhitespace 

textWhitespace :: TextWhitespace -> CSS

Re-exports from CSS.Time

#Time 

newtype Time

Constructors

Instances

#sec 

sec :: Number -> Time

#ms 

ms :: Number -> Time

Re-exports from CSS.Transform

#translate 

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

#transformOrigin 

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

#transform 

transform :: Transformation -> CSS

#rotate 

rotate :: forall a. Angle a -> Transformation

#offsetTop 

offsetTop :: forall a. TransformOriginOffset a

#offsetRight 

offsetRight :: forall a. TransformOriginOffset a

#offsetLeft 

offsetLeft :: forall a. TransformOriginOffset a

#offsetCenter 

offsetCenter :: forall a. TransformOriginOffset a

#offsetBottom 

offsetBottom :: forall a. TransformOriginOffset a

#offset 

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

Re-exports from CSS.Transition

#transitionTimingFunctions 

transitionTimingFunctions :: Array TimingFunction -> CSS

#transitionTimingFunction 

transitionTimingFunction :: TimingFunction -> CSS

#transitionProperty 

transitionProperty :: String -> CSS

#transitionProperties 

transitionProperties :: Array String -> CSS

#transitionDurations 

transitionDurations :: Array String -> CSS

#transitionDuration 

transitionDuration :: String -> CSS

#transitionDelays 

transitionDelays :: Array Time -> CSS

#transitionDelay 

transitionDelay :: Time -> CSS

#transition 

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

Modules