3^      !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~                                  ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~                                                                                                !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~      !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~None3The star selector applies to all elements. Maps to * in CSS. ;Select elements by name. The preferred syntax is to enable  OverloadedStrings and actually just use " element-name" or use one of  the predefined elements from  Clay.Elements. Named alias for . $The deep selector composer. Maps to  sel1 sel2 in CSS. Named alias for . %The child selector composer. Maps to  sel1 > sel2 in CSS. (The adjacent selector composer. Maps to  sel1 + sel2 in CSS. !Named alias for `#`. "CThe filter selector composer, adds a filter to a selector. Maps to  something like sel#filter or  sel.filter" in CSS, depending on the filter. #9Filter elements by id. The preferred syntax is to enable  OverloadedStrings and use "#id-name". $<Filter elements by class. The preferred syntax is to enable  OverloadedStrings and use " .class-name". %IFilter elements by pseudo selector or pseudo class. The preferred syntax  is to enable OverloadedStrings and use ":pseudo-selector" or use one  of the predefined ones from  Clay.Pseudo. &JFilter elements by pseudo selector functions. The preferred way is to use & one of the predefined functions from  Clay.Pseudo. 'BFilter elements based on the presence of a certain attribute. The  preferred syntax is to enable OverloadedStrings and use  "@attr"( or use one of the predefined ones from Clay.Attributes. (FFilter elements based on the presence of a certain attribute with the  specified value. )GFilter elements based on the presence of a certain attribute that ends  with the specified value. *KFilter elements based on the presence of a certain attribute that have the 6 specified value contained in a space separated list. +KFilter elements based on the presence of a certain attribute that have the 7 specified value contained in a hyphen separated list. 1  !"#$%&'()*+,-.  !"#$%&'()*+,-. !"#$%&'()*+ , -    !"#$%&'()*+,-None./0123456789:;<=>?@    ./0123456789:;<=>?@8:9;<567=23401./>?@./012345678:9;<=>?@    NoneAJThe other type class is used to escape from the type safety introduced by 8 embedding CSS properties into the typed world of Clay. A allows you to  cast any 2 to a specific value type. QECommon list browser prefixes to make experimental properties work in  different browsers. ABCDEFGHIJKLMNOPQ ABCDEFGHIJKLMNOPQOPMNKLIJGHEFCDABQABCDEFGHIJKLMNOPQ None RThe R@ context is used to collect style rules which are mappings from $ selectors to style properties. The R type is a computation in the  S# monad that just collects and doesn't return anything. h>Add a new style property to the stylesheet with the specified 5 and 1 value. The value can be any type that is in the 0 typeclass, with other  words: can be converted to a 2. i>Add a new style property to the stylesheet with the specified 5 and  value, like h but use a 8 key. jIThe colon operator can be used to add style rules to the current context N for which there is no embedded version available. Both the key and the value = are plain text values and rendered as is to the output CSS. kIAssign a stylesheet to a selector. When the selector is nested inside an & outer scope it will be composed with . lIAssign a stylesheet to a selector. When the selector is nested inside an & outer scope it will be composed with . mFAssign a stylesheet to a filter selector. When the selector is nested 4 inside an outer scope it will be composed with the ! selector. n2Root is used to add style rules to the top scope. oKPop is used to add style rules to selectors defined in an outer scope. The H counter specifies how far up the scope stack we want to add the rules. pJApply a set of style rules when the media type and feature queries apply. qQApply a set of style rules when the media type and feature queries do not apply. rOApply a set of style rules only when the media type and feature queries apply. !RSTUVWXYZ[\]^_`abcdefghijklmnopqr!RSTUVWXYZ[\]^_`abcdefghijklmnopqr!fgcedab_`Y^]\[ZUXWVSTRhijklmnopqrRSTUXWVY^]\[Z_`abcedfghijklmnopqrNonesFocus behaviour. tSelection mode. uSelection mode. vSelection mode. w"Enabling user interface elements. xSelection mode. ySelection mode. zModifiability of an element. {Selection mode. |Selection mode. }Selection mode. ~Content selection granularity. Selection mode. Selection mode. Selection mode. Selection mode. Content focusing granularity.  Focus mode.  Focus mode.  Focus mode.  Focus mode.  Focus mode. stuvwxyz{|}~stuvwxyz{|}~vwxyuz{|}t~sstuvwxyz{|}~None>Configuration to print to a pretty human readable CSS output. =Configuration to print to a compacted unreadable CSS output. /Render to CSS using the default configuration () and directly  print to the standard output. JRender a stylesheet with the default configuration. The pretty printer is  used by default. FRender a stylesheet with a custom configuration and an optional outer  scope.  !"#$  !"#$NoneTime in seconds. Time in milliseconds. %&'%&'None(( None      !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQR)*+,-.      !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRRQPONMLKJIHGFEDCBA@?>=<;:9876543210/.-,+*)('&%$#"!            !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQR)*+,-. None W0Sizes can be absolute like pixels, points, etc. X(Sizes can be relative like percentages. ZSize in pixels. [Size in points. \ Size in em's. ] Size in ex'es. ^Size in percentages. bAngle in degrees. cAngle in radians. S/TUV0WXYZ[\]^_`abc12345678STUVWXYZ[\]^_`abcVWXYZ[\]^_a`SUTbcS/TUV0WXYZ[\]^_`abc12345678 None9d9efghijklmnopqrstuvwxyz{|}~8defghijklmnopqrstuvwxyz{|}~8defghijklmnopqrstuvwxyz{|}~8d9efghijklmnopqrstuvwxyz{|}~ None:: NoneJWe implement the generic background property as a type class that accepts N multiple value types. This allows us to combine different background aspects  into a shorthand syntax. HWe have to prefix these values to avoid conflict with existing property  names. HWe have to prefix these values to avoid conflict with existing property  names. HWe have to prefix these values to avoid conflict with existing property  names. HWe have to prefix these values to avoid conflict with existing property  names. HWe have to prefix these values to avoid conflict with existing property  names. HWe have to prefix these values to avoid conflict with existing property  names. N;<=>?@ABCDEFGHIJKLMNOPQRS55B;<=>?@ABCDEFGHIJKLMNOPQRSNoneDWe implement the generic mask property as a type class that accepts M multiple value types. This allows us to combine different mask aspects into  a shorthand syntax. *TUVWXYZ[\]^_(TUVWXYZ[\]^_NoneD`abcdefg      !"#$%&'()*+,-./01<      !"#$%&'()*+,-./01<      !"#$%&'()1*+,-./0<`abcdefg      !"#$%&'()*+,-./01None;DWe implement the generic font property as a type class that accepts M multiple value types. This allows us to combine different font aspects into J a shorthand syntax. Fonts require a mandatory part and have a optional a  part. =An alias for color. 62h3i4j5k6l789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^mnop-23456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^-;<9:78=>?@AB6LMCDEFGHIJK5PNO4RQ3WSTUV2XYZ[\]^.2h3i4j5k6l789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^mnopNone_`abcdefghijklmnopqrs_`abcdefghijklmnopqrs_`abcdefghijklmnopqrs_`abcdefghijklmnopqrsNonetqurvwxyz{|}~sttuvwxyz{|}~vwxyu}~tz{|tqurvwxyz{|}~stNone@uvwxyz{|888uvwxyz{|None}}None~~None/     ,     ,     .     None ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. ASpecial cases, these items occur both as an HTML tag and an HTML $ attribute. We keep them polymorph. n !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~n !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~n~}|{zyxwvutsrqponmlkjihgfedcba`_^]\[ZYXWVUTSRQPONMLKJIHGFEDCBA@?>=<;:9876543210/.-,+*)('&%$#"! n !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~NonemmmmNoneNone  "#$%&'()*+./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRjklmnopqrstuvwxyz{|}~      !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~      !"#$%&'()*+,-./0123456789:;<=>?@ABCDFGHIJKLMNOPQRSTUVW[\]^_`abcdefghijklmnopqrstuvwxyz{|}~ !"#$%&'()*+,-./012345789:;<=>?@ABCDEFGHIJKLMNOQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~ Rklmnoj " #$%&'()*+pqr !"#$%&''()*+,-./0123456789:;<=>?@ABCDEFGGHIJJKLLMNONPQRSTUVWXYZ[\]^_`abcdefghijklmno$pqrssttuvwxxyz{|}~  V                                    ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~                                                                                                              !"#$%&'()*+,-./0123456789:;<=>?@ABCDEEFFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~6prtqsuJ+      !"#$%&'()*d+,-./0123456k789:;<=>?@ABCDEFGHIJKLMNOPQRfSTUVWXYZ[\]^_`abcdefgQhijklmnopqrstuvwxyz{|}~qYekIpP#6            b e         s              ! " # $ % & ' ( ) * + , -./012345678    @ABCD9:;<=>:?@clay-0.5 Clay.Selector Clay.Property Clay.CommonClay.Stylesheet Clay.Dynamic Clay.Render Clay.TimeClay.Transition Clay.Color Clay.Size Clay.BorderClay.BoxClay.Background Clay.Mask Clay.Display Clay.Font Clay.Geometry Clay.Gradient Clay.TextClay.Transform Clay.Filter Clay.Media Clay.ElementsClay.Attributes Clay.PseudoClaySelector SelectorFFixInoutPathCombinedAdjacentDeepChildElemStar RefinementunFilter Predicate PseudoFuncPseudoAttrHyph AttrSpaceAttrEndsAttrValAttrClassIdstarelementdeep**child|>|+with#byIdbyClasspseudofuncattr@=$=~=|=filterFromTexttextLiteralValvalueValueunValueKeyunKeysPrefixedPlainmergeplaincast interspersenoCommas!OtherotherHiddenhiddenVisiblevisibleNormalnormalNonenoneInheritinheritAutoautoAllallbrowsersCssStyleMSRuleQueryNestedPropertyAppSubPopRootSelfFeature MediaQuery NotOrOnlyOnlyNot MediaTypekeyprefixed-:?