[{"name":"Css","comment":" Define CSS styles in Elm.\n\n    import Css exposing (..)\n    import Html\n    import Html.Styled exposing (..)\n    import Html.Styled.Attributes exposing (css, href, src)\n    import Html.Styled.Events exposing (onClick)\n\n    {-| A logo image, with inline styles that change on hover.\n    -}\n    logo : Html msg\n    logo =\n        img\n            [ src \"logo.png\"\n            , css\n                [ display inlineBlock\n                , padding (px 20)\n                , border3 (px 5) solid (rgb 120 120 120)\n                , hover\n                    [ borderColor theme.primary\n                    , borderRadius (px 10)\n                    ]\n                ]\n            ]\n            []\n\n    {-| A plain old record holding a couple of theme colors.\n    -}\n    theme : { secondary : Color, primary : Color }\n    theme =\n        { primary = hex \"55af6a\"\n        , secondary = rgb 250 240 230\n        }\n\n    {-| A reusable button which has some styles pre-applied to it.\n    -}\n    btn : List (Attribute msg) -> List (Html msg) -> Html msg\n    btn =\n        styled button\n            [ margin (px 12)\n            , color (rgb 250 250 250)\n            , hover\n                [ backgroundColor theme.primary\n                , textDecoration underline\n                ]\n            ]\n\n    {-| A reusable style. Css.batch combines multiple styles into one, much\n    like mixins in CSS preprocessors.\n    -}\n    paragraphFont : Style\n    paragraphFont =\n        Css.batch\n            [ fontFamilies [ \"Palatino Linotype\", \"Georgia\", \"serif\" ]\n            , fontSize (px 16)\n            , fontWeight normal\n            ]\n\n    {-| Css.property lets you define custom properties, using strings as their values.\n    -}\n    legacyBorderRadius : String -> Style\n    legacyBorderRadius amount =\n        Css.batch\n            [ property \"-moz-border-radius\" amount\n            , property \"-webkit-border-top-left-radius\" amount\n            , property \"-webkit-border-top-right-radius\" amount\n            , property \"-webkit-border-bottom-right-radius\" amount\n            , property \"-webkit-border-bottom-left-radius\" amount\n            , property \"border-radius\" amount\n            ]\n\n    view : Model -> Html Msg\n    view model =\n        nav []\n            [ img [ src \"assets/backdrop.jpg\", css [ width (pct 100) ] ] []\n            , btn [ onClick DoSomething ] [ text \"Click me!\" ]\n            ]\n\n    main : Program Never Model Msg\n    main =\n        Html.beginnerProgram\n            { view = view >> toUnstyled\n            , update = update\n            , model = initialModel\n            }\n\n_See [`examples/readme/`](https://github.com/rtfeldman/elm-css/blob/master/examples/readme) to play around with this example._\n\nThe [`css`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Html-Styled-Attributes#css)\nfunction accepts a list of [`Style`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Html-Styled-Attributes#css)\nvalues which roughly correspond to [CSS properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference).\n\n    css\n        [ display inlineBlock\n        , padding (px 20)\n        , border3 (px 5) solid (rgb 120 120 120)\n        , hover\n            [ borderColor theme.primary\n            , borderRadius (px 10)\n            ]\n        ]\n\nLet's take a look at some of these declarations.\n\n    display inlineBlock\n\nThis compiles to the CSS declaration `display: inline-block;` -\n\n[_Kebab-case_](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles) CSS names become [_camelCase_](https://en.wikipedia.org/wiki/Camel_case) names in elm-css.\n\nThe [`Css.display`](#display) function only accepts values that are compatible\nwith the CSS `display` property, such as [`inlineBlock`](#inlineBlock), [`flex`](#flex), [`none`](#none), [`inherit`](#inherit), etc.\nIf you try to pass `display` an invalid value such as [`pointer`](#pointer), it will not compile!\n\n    padding (px 20)\n\nThis compiles to the CSS declaration `padding: 20px;`\n\nValues with units such as [`px`](#px), [`em`](#em), and [`rem`](#rem) are implemented as functions.\nThe [`num`](#num) function compiles to unitless numbers; for example, `flexGrow (num 1)` compiles to `flex-grow: 1;`.\n\n[`zero`](#zero) is compatible with declarations that either do or do not expect units, so you can write\n`padding zero` instead of something like `padding (px 0)`. (`padding zero` compiles to `padding: 0;`.)\n\n    border3 (px 5) solid (rgb 120 120 120)\n\nThe [`border3`](#border3) function shows a convention in elm-css: when a CSS property supports a variable number of arguments, as is the case with `border`, elm-css commonly provides multiple functions to support those alternatives. For example, [`border`](#border), [`border2`](#border2), and [`border3`](#border3).\n\n    hover\n        [ borderColor theme.primary\n        , borderRadius (px 10)\n        ]\n\nCSS pseudo-classes like `:hover` are implemented as functions that take a list of declarations.\n\nThe above compiles to something like this:\n\n    ._c7f8ba:hover {\n        border-color: #55af6a;\n        border-raidus: 10px;\n    }\n\nWhere does that funky classname of `_c7f8ba` come from?\n\nelm-css automatically generates this classname based on the declarations used, and\nuses it to generate a `<style>` element which applies your styles to the page.\n\nWhen you write this:\n\n    button [ css [ borderRadius (px 10), hover [ textDecoration underline ] ] ]\n        [ text \"Reset\" ]\n\nThe `button` is not a normal `Html` value from the `elm-lang/html` package, but\na [`Html.Styled`](Html-Styled) value which wraps a normal `Html` value and adds\nstyling information. Later, when you call [`toUnstyled`](Html-Styled#toUnstyled)\nto convert this value to a normal `Html` value, it adds two elements to the DOM:\n\n    <button class=\"_df8ab1\">Reset<button>\n\n    <style>\n        ._df8ab1 {\n            border-radius: 10px;\n        }\n\n        ._df8ab1:hover {\n            text-decoration: underline;\n        }\n    </style>\n\nTo sum up what's happening here:\n\n1.  When you define values using the `css` attribute, elm-css generates a classname and some style information.\n2.  That classname gets added to the element receiving the attribute, and the style information gets stored in the `Html.Styled` value which wraps that element.\n3.  Calling `toUnstyled` converts this `Html.Styled` value to a normal `Html` value which represents both the requested element as well as a `<style>` element\n\nThis is how the `css` attribute is able to support things like `hover` and media\nqueries.\n\nIf you give an element multiple `css` attributes, they will **not** stack. For\nexample, in this code, only the second `css` attribute will be used. The first\none will be ignored.\n\n    button\n        [ css [ backgroundColor (hex \"FF0000\") ]\n        , css [ borderRadius (px 10), hover [ textDecoration underline ] ]\n        ]\n        [ text \"Reset\" ]\n\nThis code compiles to the following DOM structure:\n\n    <button class=\"_df8ab1\">Reset<button>\n\n    <style>\n        ._df8ab1 {\n            border-radius: 10px;\n        }\n\n        ._df8ab1:hover {\n            text-decoration: underline;\n        }\n    </style>\n\nWith the exception of [`Lazy`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Html-Styled-Lazy),\nyou can expect `toUnstyled` to create one `<style>` element **total**, not one\nper element that uses `css`.\n\n`toUnstyled` avoids generating excess `<style>` elements and CSS\ndeclarations by building up a dictionary of styles you've passed to `css`.\nIt will use that dictionary to add a single `<style>` to the DOM with all the\nappropriate classname declarations.\n\n\n### Style Reuse\n\nTo reuse styles (like [mixins](http://sass-lang.com/guide#topic-6)\nin other CSS systems) use [`Style`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css#Style)\nvalues.\n\n    greenBorder : Style\n    greenBorder =\n        borderColor green\n\n    bigBold : Style\n    bigBold =\n        Css.batch [ fontWeight bold, fontSize (px 48) ]\n\n    view : Model -> Html Msg\n    view model =\n        button [ css [ bigBold, greenBorder ] ] [ text \"Ok\" ]\n\nBecause only one `css` attribute per element has any effect, you cannot reuse\nstyles after compiling them to attributes. Trying to reuse styles by using\nmultiple attributes will not not work:\n\n    greenBorder : Attribute msg\n    greenBorder =\n        css [ borderColor green ]\n\n    bigBold : Attribute msg\n    bigBold =\n        css [ fontWeight bold, fontSize (px 48) ]\n\n    view : Model -> Html Msg\n    view model =\n        -- Doesn't work!\n        button [ bigBold, greenBorder ] [ text \"Ok\" ]\n\nIn this case, the `bigBold` attribute will be completely ignored in favor of\nthe `greenBorder` attribute, because it came last in the attribute list. If you\nwant to mix and match styles, use `Style` values!\n\n\n### Unsupported Properties\n\nThe CSS spec is, ahem, not small. `elm-css` covers a lot of it, but not all of\nit. Some things are considered too experimental to support, usually because they\ndo not have enough browser support. Others haven't been added yet because, well,\nwe haven't gotten around to adding them!\n\nIf you need something that `elm-css` does not support right now, the\n[`Css.property`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css#property)\nand [`Css.Global.selector`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css-Global#selector)\nfunctions let you define custom properties and selectors, respectively.\n\n\n# Style\n\n@docs Style, batch\n\n\n# Properties\n\n@docs property, flex, flex2, flex3, medium, alignSelf, alignItems, justifyContent, order, flexDirection, flexFlow1, flexFlow2, flexWrap, flexBasis, flexGrow, flexShrink, transformStyle, transformBox, transform, transforms, currentColor, underline, overline, lineThrough, textOrientation, textDecoration, textDecoration2, textDecoration3, textDecorations, textDecorations2, textDecorations3, textDecorationLine, textDecorationLines, textDecorationStyle, textEmphasisColor, capitalize, uppercase, lowercase, fullWidth, hanging, eachLine, textIndent, textIndent2, textIndent3, clip, ellipsis, textOverflow, optimizeSpeed, optimizeLegibility, geometricPrecision, textRendering, textTransform, textAlign, textAlignLast, left, right, center, justify, justifyAll, start, end, matchParent, true, verticalAlign, display, opacity, minContent, maxContent, fitContent, fillAvailable, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, padding2, padding3, padding4, paddingTop, paddingBottom, paddingRight, paddingLeft, pointerEvents, margin, margin2, margin3, margin4, marginTop, marginBottom, marginRight, marginLeft, marginBlockStart, marginBlockEnd, marginInlineStart, marginInlineEnd, boxSizing, overflow, overflowX, overflowY, overflowWrap, whiteSpace, backgroundColor, color, textShadow, textShadow2, textShadow3, textShadow4, boxShadow, boxShadow2, boxShadow3, boxShadow4, boxShadow5, boxShadow6, lineHeight, letterSpacing, fontFace, fontFamily, fontSize, fontStyle, fontWeight, fontVariant, fontVariant2, fontVariant3, fontVariantLigatures, fontVariantCaps, fontVariantNumeric, fontVariantNumeric2, fontVariantNumeric3, fontFamilies, fontVariantNumerics, fontFeatureSettings, fontFeatureSettingsList, cursor, outline, outline3, outlineColor, outlineWidth, outlineStyle, outlineOffset, zIndex, spaceAround, spaceBetween, resize, fill, touchAction, borderSpacing, borderSpacing2, visibility\n\n\n# Values\n\n\n## Color values\n\n@docs Color, all, important, solid, transparent, rgb, rgba, hsl, hsla, hex\n\n\n## Font values\n\n@docs featureTag, featureTag2, featureOn, featureOff\n\n\n## Other values\n\n@docs borderCollapse, borderColor, borderColor2, borderColor3, borderColor4, borderBottomLeftRadius, borderBottomLeftRadius2, borderBottomRightRadius, borderBottomRightRadius2, borderTopLeftRadius, borderTopLeftRadius2, borderTopRightRadius, borderTopRightRadius2, borderRadius, borderRadius2, borderRadius3, borderRadius4, borderWidth, borderWidth2, borderWidth3, borderWidth4, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyle, borderStyle, borderBottomColor, borderLeftColor, borderRightColor, borderTopColor, borderBox, contentBox, border, border2, border3, borderTop, borderTop2, borderTop3, borderBottom, borderBottom2, borderBottom3, borderLeft, borderLeft2, borderLeft3, borderRight, borderRight2, borderRight3, borderImageOutset, borderImageOutset2, borderImageOutset3, borderImageOutset4, borderImageWidth, borderImageWidth2, borderImageWidth3, borderImageWidth4, scroll, visible, block, inlineBlock, inlineFlex, inline, none, auto, inherit, unset, initial, noWrap, top, static, fixed, sticky, relative, absolute, position, float, bottom, middle, baseline, sub, super, textTop, textBottom, hidden, wavy, dotted, dashed, double, groove, ridge, inset, outset, matrix, matrix3d, perspective, rotate3d, rotateX, rotateY, rotateZ, scale, scale2, scale3d, scaleX, scaleY, skew, skew2, skewX, skewY, translate, translate2, translate3d, translateX, translateY, translateZ, rotate, fillBox, viewBox, flat, preserve3d, content, wrapReverse, wrap, flexStart, flexEnd, stretch, row, rowReverse, column, columnReverse, serif, sansSerif, monospace, cursive, fantasy, xxSmall, xSmall, small, large, xLarge, xxLarge, smaller, larger, normal, italic, oblique, bold, lighter, bolder, smallCaps, allSmallCaps, petiteCaps, allPetiteCaps, unicase, titlingCaps, commonLigatures, noCommonLigatures, discretionaryLigatures, noDiscretionaryLigatures, historicalLigatures, noHistoricalLigatures, contextual, noContextual, liningNums, oldstyleNums, proportionalNums, tabularNums, diagonalFractions, stackedFractions, ordinal, slashedZero, default, pointer, crosshair, contextMenu, help, progress, wait, cell, text_, verticalText, cursorAlias, copy, move, noDrop, notAllowed, eResize, nResize, neResize, nwResize, sResize, seResize, swResize, wResize, ewResize, nsResize, neswResize, nwseResize, colResize, rowResize, allScroll, zoomIn, zoomOut, grab, grabbing, visiblePainted, visibleFill, visibleStroke, painted, stroke\n\n\n# Length\n\n@docs Length, pct, px, em, pt, ex, ch, rem, vh, vw, vmin, vmax, mm, cm, inches, pc, int, num, zero, calc, plus, minus\n\n\n# Length Units\n\n@docs Px, Em, Rem, Pct, Ex, Ch, Vh, Vw, Vmin, Vmax, Mm, Cm, In, Pt, Pc\n\n\n# Angle\n\n@docs deg, rad, grad, turn\n\n\n# Duration\n\n@docs Duration, sec, ms\n\n\n# Pseudo-Classes\n\n@docs pseudoClass, active, any, checked, disabled, empty, enabled, first, firstChild, firstOfType, fullscreen, focus, hover, visited, indeterminate, invalid, lang, lastChild, lastOfType, link, nthChild, nthLastChild, nthLastOfType, nthOfType, onlyChild, onlyOfType, optional, outOfRange, readWrite, required, root, scope, target, valid\n\n\n# Pseudo-Elements\n\n@docs pseudoElement, after, before, firstLetter, firstLine, selection\n\n\n# Source\n\n@docs src_\n\n\n# Quoting\n\n@docs qt\n\n\n# Misc\n\n@docs listStyleType, disc, circle, square, decimal, decimalLeadingZero, lowerRoman, upperRoman, lowerGreek, lowerAlpha, lowerLatin, upperAlpha, upperLatin, arabicIndic, armenian, bengali, cjkEarthlyBranch, cjkHeavenlyStem, devanagari, georgian, gujarati, gurmukhi, kannada, khmer, lao, malayalam, myanmar, oriya, telugu, thai\n@docs listStylePosition, inside, outside\n@docs listStyle, listStyle2, listStyle3\n@docs linearGradient, linearGradient2, stop, stop2, toBottom, toBottomLeft, toBottomRight, toLeft, toRight, toTop, toTopLeft, toTopRight\n\n@docs AlignItems, All, Angle, AngleOrDirection, BackgroundAttachment, BackgroundBlendMode, BackgroundClip, BackgroundImage, BackgroundOrigin, BackgroundRepeat, BackgroundRepeatShorthand, BasicProperty, BorderCollapse, BorderStyle, BoxSizing, Calc, CalculatedLength, CalcExpression, Cursor, Display, ExplicitLength, FeatureTagValue, FlexBasis, FlexDirection, FlexDirectionOrWrap, FlexWrap, FontFamily, FontStyle, FontStyleOrFeatureTagValue, FontVariant, FontVariantCaps, FontVariantLigatures, FontVariantNumeric, FontWeight, ImportType, IncompatibleUnits, JustifyContent, LengthOrAuto, LengthOrAutoOrCoverOrContain, LengthOrMinMaxDimension, LengthOrNone, LengthOrNoneOrMinMaxDimension, LengthOrNumber, LengthOrNumberOrAutoOrNoneOrContent, ListStyle, ListStylePosition, ListStyleType, MinMaxDimension, NonMixable, None, Number, Infinite, NumberOrInfinite, Outline, Overflow, Visibility, Position, Resize, TableLayout, TextDecorationLine, TextDecorationStyle, TextIndent, TextOrientation, TextOverflow, TextRendering, TextTransform, TouchAction, Transform, TransformBox, TransformStyle, Value, VerticalAlign, WhiteSpace, Wrap, pre, preLine, preWrap, infinite\n\n@docs url, vertical, tableRowGroup, tableRow, tableLayout, tableHeaderGroup, tableFooterGroup, tableColumnGroup, tableCell, tableColumn, tableCaption, table, space, softLight, separate, screenBlendMode, saturation, round, repeatY, repeatX, repeat, pointerEventsFill, pointerEventsAll\n\n@docs Compatible\n@docs backgroundAttachment\n@docs backgroundBlendMode\n@docs backgroundClip\n@docs backgroundImage\n@docs backgroundOrigin\n@docs backgroundPosition\n@docs backgroundPosition2\n@docs backgroundRepeat\n@docs backgroundRepeat2\n@docs backgroundSize\n@docs backgroundSize2\n@docs both\n@docs breakWord\n@docs collapse\n@docs colorBurn\n@docs colorDodge\n@docs contain\n@docs cover\n@docs darken\n@docs difference\n@docs displayFlex\n@docs exclusion\n@docs hardLight\n@docs horizontal\n@docs hue\n@docs inlineListItem\n@docs inlineTable\n@docs lighten\n@docs listItem\n@docs local\n@docs luminosity\n@docs manipulation\n@docs multiply\n@docs noRepeat\n@docs overlay\n@docs paddingBox\n@docs panDown\n@docs panLeft\n@docs panRight\n@docs panUp\n@docs panX\n@docs panY\n@docs pinchZoom\n@docs animationName\n@docs animationDelay\n@docs animationDuration\n@docs animationIterationCount\n\n\n# Types\n\n@docs FontSize, ColorValue, ColorStop, IntOrAuto\n\n\n# Intentionally Unsupported\n\nThese are features you might expect to be in elm-css (because they are in the\nCSS specification) but which have been omitted because their use is either\ndeprecated or discouraged.\n\n@docs thin, thick, blink\n\n","unions":[{"name":"CalcExpression","comment":" ","args":[],"cases":[]}],"aliases":[{"name":"AlignItems","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values>\n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"All","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, all : Css.Compatible }"},{"name":"Angle","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/angle>\n","args":["compatible"],"type":"{ compatible | value : String.String, angle : Css.Compatible }"},{"name":"AngleOrDirection","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, angleOrDirection : Css.Compatible }"},{"name":"BackgroundAttachment","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment>\n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundAttachment : Css.Compatible }"},{"name":"BackgroundBlendMode","comment":" Because `color` is both a common propertie and common value\nin CSS (e.g. `color: red` with and `background-blend-mode: color`),\nwe implement it as a property (for the `color: red` case) and allow it to\nbe used as a value as well. When being used as a value, we call it, expect\nthat it will return the desired String as its key, and use that as our value.\n(See `getOverloadedProperty`. Note that `VerticalAlign`.)\n","args":["a"],"type":"Css.ColorValue a -> Css.Style"},{"name":"BackgroundClip","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip>\n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundClip : Css.Compatible }"},{"name":"BackgroundImage","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-image>\n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundImage : Css.Compatible }"},{"name":"BackgroundOrigin","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin>\n","args":["compatible"],"type":"Css.BackgroundClip compatible"},{"name":"BackgroundRepeat","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat#repeat-style>\n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundRepeat : Css.Compatible, backgroundRepeatShorthand : Css.Compatible }"},{"name":"BackgroundRepeatShorthand","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, backgroundRepeatShorthand : Css.Compatible }"},{"name":"BasicProperty","comment":" ","args":[],"type":"{ value : String.String, all : Css.Compatible, alignItems : Css.Compatible, borderStyle : Css.Compatible, boxSizing : Css.Compatible, color : Css.Compatible, cursor : Css.Compatible, display : Css.Compatible, flexBasis : Css.Compatible, flexWrap : Css.Compatible, flexDirection : Css.Compatible, flexDirectionOrWrap : Css.Compatible, justifyContent : Css.Compatible, none : Css.Compatible, number : Css.Compatible, keyframes : Css.Compatible, outline : Css.Compatible, overflow : Css.Compatible, pointerEvents : Css.Compatible, visibility : Css.Compatible, textDecorationLine : Css.Compatible, textRendering : Css.Compatible, textIndent : Css.Compatible, textDecorationStyle : Css.Compatible, textTransform : Css.Compatible, length : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, listStyleType : Css.Compatible, listStylePosition : Css.Compatible, listStyleTypeOrPositionOrImage : Css.Compatible, fontFamily : Css.Compatible, fontSize : Css.Compatible, fontStyle : Css.Compatible, fontWeight : Css.Compatible, fontVariant : Css.Compatible, units : Css.IncompatibleUnits, numericValue : Basics.Float, unitLabel : String.String, backgroundRepeat : Css.Compatible, backgroundRepeatShorthand : Css.Compatible, backgroundAttachment : Css.Compatible, backgroundBlendMode : Css.Compatible, backgroundOrigin : Css.Compatible, backgroundImage : Css.Compatible, lengthOrAutoOrCoverOrContain : Css.Compatible, intOrAuto : Css.Compatible, touchAction : Css.Compatible, whiteSpace : Css.Compatible, tableLayout : Css.Compatible }"},{"name":"BorderCollapse","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse>\n","args":["compatible"],"type":"{ compatible | value : String.String, borderCollapse : Css.Compatible }"},{"name":"BorderStyle","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, borderStyle : Css.Compatible }"},{"name":"BoxSizing","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, boxSizing : Css.Compatible }"},{"name":"Calc","comment":" <https://developer.mozilla.org/en/docs/Web/CSS/calc>\n","args":["compatible"],"type":"{ compatible | value : String.String, calc : Css.Compatible }"},{"name":"CalculatedLength","comment":" <https://css-tricks.com/a-complete-guide-to-calc-in-css/>\n","args":[],"type":"{ value : String.String, length : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, textIndent : Css.Compatible, flexBasis : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, fontSize : Css.Compatible, lengthOrAutoOrCoverOrContain : Css.Compatible, calc : Css.Compatible }"},{"name":"Ch","comment":" [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n","args":[],"type":"Css.ExplicitLength Css.ChUnits"},{"name":"Cm","comment":" [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n","args":[],"type":"Css.ExplicitLength Css.CMUnits"},{"name":"Color","comment":" ","args":[],"type":"Css.ColorValue { red : Basics.Int, green : Basics.Int, blue : Basics.Int, alpha : Basics.Float }"},{"name":"ColorStop","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values>\n","args":["compatibleA","compatibleB","unit"],"type":"( Css.ColorValue compatibleA, Maybe.Maybe (Css.Length compatibleB unit) )"},{"name":"ColorValue","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/color#Values>\n","args":["compatible"],"type":"Css.Internal.ColorValue compatible"},{"name":"Compatible","comment":" ","args":[],"type":"Css.Structure.Compatible"},{"name":"Cursor","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, cursor : Css.Compatible }"},{"name":"Display","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, display : Css.Compatible }"},{"name":"Duration","comment":" A CSS [time](https://developer.mozilla.org/en-US/docs/Web/CSS/time) duration.\n\nThe spec says that a unitless [zero](#zero) is not allowed for these. You must\nspecify either [`ms`](#ms) or [`sec`](#sec)!\n\n","args":["compatible"],"type":"{ compatible | value : String.String, duration : Css.Compatible }"},{"name":"Em","comment":" [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n","args":[],"type":"Css.ExplicitLength Css.EmUnits"},{"name":"Ex","comment":" [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n","args":[],"type":"Css.ExplicitLength Css.ExUnits"},{"name":"ExplicitLength","comment":" ","args":["units"],"type":"Css.Internal.ExplicitLength units"},{"name":"FeatureTagValue","comment":" <https://www.microsoft.com/typography/otspec/featurelist.htm>\n","args":["compatible"],"type":"{ compatible | value : String.String, featureTagValue : Css.Compatible }"},{"name":"FlexBasis","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, flexBasis : Css.Compatible }"},{"name":"FlexDirection","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, flexDirection : Css.Compatible }"},{"name":"FlexDirectionOrWrap","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, flexDirectionOrWrap : Css.Compatible }"},{"name":"FlexWrap","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, flexWrap : Css.Compatible }"},{"name":"FontFamily","comment":" A font family\n","args":["compatible"],"type":"{ compatible | value : String.String, fontFamily : Css.Compatible }"},{"name":"FontSize","comment":" A font size\n","args":["compatible"],"type":"{ compatible | value : String.String, fontSize : Css.Compatible }"},{"name":"FontStyle","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontStyle : Css.Compatible }"},{"name":"FontStyleOrFeatureTagValue","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontStyle : Css.Compatible, featureTagValue : Css.Compatible }"},{"name":"FontVariant","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible }"},{"name":"FontVariantCaps","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantCaps : Css.Compatible }"},{"name":"FontVariantLigatures","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantLigatures : Css.Compatible }"},{"name":"FontVariantNumeric","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantNumeric : Css.Compatible }"},{"name":"FontWeight","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontWeight : Css.Compatible }"},{"name":"ImportType","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, import_ : Css.Compatible }"},{"name":"In","comment":" [`in`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#in) units.\n","args":[],"type":"Css.ExplicitLength Css.InchUnits"},{"name":"IncompatibleUnits","comment":" ","args":[],"type":"Css.Internal.IncompatibleUnits"},{"name":"Infinite","comment":" ","args":[],"type":"{ value : String.String, numberOrInfinite : Css.Compatible }"},{"name":"IntOrAuto","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/z-index>\n","args":["compatible"],"type":"{ compatible | value : String.String, intOrAuto : Css.Compatible }"},{"name":"JustifyContent","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content#Values>\n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"Length","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible","units"],"type":"Css.Internal.Length compatible units"},{"name":"LengthOrAuto","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrAuto : Css.Compatible }"},{"name":"LengthOrAutoOrCoverOrContain","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/background-size>\n","args":["compatible"],"type":"Css.Internal.LengthOrAutoOrCoverOrContain compatible"},{"name":"LengthOrMinMaxDimension","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrMinMaxDimension : Css.Compatible }"},{"name":"LengthOrNone","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNone : Css.Compatible }"},{"name":"LengthOrNoneOrMinMaxDimension","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNoneOrMinMaxDimension : Css.Compatible }"},{"name":"LengthOrNumber","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/length>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNumber : Css.Compatible }"},{"name":"LengthOrNumberOrAutoOrNoneOrContent","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/flex#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible }"},{"name":"ListStyle","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, listStyleTypeOrPositionOrImage : Css.Compatible }"},{"name":"ListStylePosition","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, listStylePosition : Css.Compatible }"},{"name":"ListStyleType","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, listStyleType : Css.Compatible }"},{"name":"MinMaxDimension","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, minMaxDimension : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible }"},{"name":"Mm","comment":" [`mm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#mm) units.\n","args":[],"type":"Css.ExplicitLength Css.MMUnits"},{"name":"NonMixable","comment":" A [`ColorValue`](#ColorValue) that does not have `red`, `green`, or `blue`\nvalues.\n","args":[],"type":"{}"},{"name":"None","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, none : Css.Compatible }"},{"name":"Number","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, number : Css.Compatible }"},{"name":"NumberOrInfinite","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, numberOrInfinite : Css.Compatible }"},{"name":"Outline","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/outline#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, outline : Css.Compatible }"},{"name":"Overflow","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, overflow : Css.Compatible }"},{"name":"Pc","comment":" [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n","args":[],"type":"Css.ExplicitLength Css.PcUnits"},{"name":"Pct","comment":" [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n","args":[],"type":"Css.ExplicitLength Css.PercentageUnits"},{"name":"Position","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/position#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, position : Css.Compatible }"},{"name":"Pt","comment":" [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n","args":[],"type":"Css.ExplicitLength Css.PtUnits"},{"name":"Px","comment":" [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n","args":[],"type":"Css.ExplicitLength Css.PxUnits"},{"name":"Rem","comment":" [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n","args":[],"type":"Css.ExplicitLength Css.RemUnits"},{"name":"Resize","comment":" <https://developer.mozilla.org/en/docs/Web/CSS/resize#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, resize : Css.Compatible }"},{"name":"Style","comment":" ","args":[],"type":"Css.Preprocess.Style"},{"name":"TableLayout","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout?v=control#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, tableLayout : Css.Compatible }"},{"name":"TextDecorationLine","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textDecorationLine : Css.Compatible }"},{"name":"TextDecorationStyle","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textDecorationStyle : Css.Compatible }"},{"name":"TextIndent","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textIndent : Css.Compatible }"},{"name":"TextOrientation","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textOrientation : Css.Compatible }"},{"name":"TextOverflow","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textOverflow : Css.Compatible }"},{"name":"TextRendering","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textRendering : Css.Compatible }"},{"name":"TextTransform","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, textTransform : Css.Compatible }"},{"name":"TouchAction","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action?v=control#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, touchAction : Css.Compatible }"},{"name":"Transform","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/transform#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, transform : Css.Compatible }"},{"name":"TransformBox","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, transformBox : Css.Compatible }"},{"name":"TransformStyle","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, transformStyle : Css.Compatible }"},{"name":"Value","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String }"},{"name":"VerticalAlign","comment":" Because `top` and `bottom` are both common properties and common values\nin CSS (e.g. `top: 5px` with `position: absolute` and `vertical-align: top`),\nwe implement it as a property (for the `top: 5px` case) and allow it to\nbe used as a value as well. When being used as a value, we call it, expect\nthat it will return the desired String as its key, and use that as our value.\n(See `getOverloadedProperty`. Note that `TextAlign` follows a similar pattern.)\n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"Vh","comment":" [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n","args":[],"type":"Css.ExplicitLength Css.VhUnits"},{"name":"Visibility","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, visibility : Css.Compatible }"},{"name":"Vmax","comment":" [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n","args":[],"type":"Css.ExplicitLength Css.VMaxUnits"},{"name":"Vmin","comment":" [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n","args":[],"type":"Css.ExplicitLength Css.VMinUnits"},{"name":"Vw","comment":" [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n","args":[],"type":"Css.ExplicitLength Css.VwUnits"},{"name":"WhiteSpace","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, whiteSpace : Css.Compatible }"},{"name":"Wrap","comment":" <https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#Values>\n","args":["compatible"],"type":"{ compatible | value : String.String, overflowWrap : Css.Compatible }"}],"values":[{"name":"absolute","comment":" An `absolute` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n    position absolute\n\n","type":"Css.Position {}"},{"name":"active","comment":" An [`:active`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aactive)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"after","comment":" An [`::after`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Aafter)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"alignItems","comment":" Sets [`align-items`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items).\n\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\nproperty \"align-items\" \"auto\"\n\nIf this is annoying, please file an issue, so adding support for \"auto\"\ncan be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"alignSelf","comment":" Sets [`align-self`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self).\n\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\nproperty \"align-self\" \"auto\"\n\nIf this is annoying, please file an issue, so adding support for \"auto\"\ncan be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"all","comment":" An [`all`](https://developer.mozilla.org/en-US/docs/Web/CSS/all) property.\n","type":"Css.All compatible -> Css.Style"},{"name":"allPetiteCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"allScroll","comment":" ","type":"Css.Cursor {}"},{"name":"allSmallCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"animationDelay","comment":" An [`animation-delay`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay) property.\n","type":"Css.Duration compatible -> Css.Style"},{"name":"animationDuration","comment":" An [`animation-duration`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration)\n) property.\n","type":"Css.Duration compatible -> Css.Style"},{"name":"animationIterationCount","comment":" An [`animation-iteration-count`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count)\n) property.\n","type":"Css.NumberOrInfinite compatible -> Css.Style"},{"name":"animationName","comment":" See [`keyframes`](Css-Animations#keyframes) in the [`Css.Animations`](Css-Animations) module.\n","type":"Css.Animations.Keyframes compatible -> Css.Style"},{"name":"any","comment":" An [`:any`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aany)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"arabicIndic","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"armenian","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"auto","comment":" ","type":"{ lengthOrAuto : Css.Compatible, overflow : Css.Compatible, textRendering : Css.Compatible, flexBasis : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, alignItemsOrAuto : Css.Compatible, justifyContentOrAuto : Css.Compatible, cursor : Css.Compatible, value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible, intOrAuto : Css.Compatible, pointerEvents : Css.Compatible, touchAction : Css.Compatible, tableLayout : Css.Compatible }"},{"name":"backgroundAttachment","comment":" Sets ['background-attachment'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment)\n\n    backgroundAttachment fixed\n\n","type":"Css.BackgroundAttachment compatible -> Css.Style"},{"name":"backgroundBlendMode","comment":" Sets ['background-blend-mode'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode)\n\n    backgroundBlendMode darken\n\n","type":"(Css.ColorValue Css.NonMixable -> Css.Style) -> Css.Style"},{"name":"backgroundClip","comment":" Sets ['background-clip'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip)\n\n    backgroundClip borderBox\n\n","type":"Css.BackgroundClip compatible -> Css.Style"},{"name":"backgroundColor","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"backgroundImage","comment":" Sets ['background-image'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)\n\n    backgroundImage (url \"http://www.example.com/chicken.jpg\")\n\n","type":"Css.BackgroundImage compatible -> Css.Style"},{"name":"backgroundOrigin","comment":" Sets ['background-origin'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin)\n\n    backgroundOrigin borderBox\n\n","type":"Css.BackgroundOrigin compatible -> Css.Style"},{"name":"backgroundPosition","comment":" Sets ['background-position'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\n\n    backgroundPosition top\n\nOnly supports keywords values like \"top\" or \"center\". If you want to pass a single length, use `backgroundPosition2`:\n\n    backgroundPosition2 (px 10) zero\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"backgroundPosition2","comment":" Sets ['background-position'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\n\n    backgroundPosition2 (px 10) zero\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"backgroundRepeat","comment":" Sets ['background-repeat'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)\n\n    backgroundRepeat repeatX\n\n","type":"Css.BackgroundRepeatShorthand compatible -> Css.Style"},{"name":"backgroundRepeat2","comment":" Sets ['background-repeat'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)\n\n    backgroundRepeat2 repeat noRepeat\n\n","type":"Css.BackgroundRepeat compatibleA -> Css.BackgroundRepeat compatibleB -> Css.Style"},{"name":"backgroundSize","comment":" Sets ['background-size'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\n\n    backgroundSize cover\n\n","type":"Css.LengthOrAutoOrCoverOrContain compatible -> Css.Style"},{"name":"backgroundSize2","comment":" Sets ['background-size'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\n\n    backgroundSize2 50 % auto\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.Style"},{"name":"baseline","comment":" The `baseline` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign baseline\n\n","type":"Css.VerticalAlign a b"},{"name":"batch","comment":" Create a style from multiple other styles.\n\n    underlineOnHover =\n        batch\n            [ textDecoration none\n\n            , hover\n                [ textDecoration underline ]\n            ]\n\n    css\n        [ color (rgb 128 64 32)\n        , underlineOnHover\n        ]\n\n...has the same result as:\n\n    css\n        [ color (rgb 128 64 32)\n        , textDecoration none\n        , hover\n            [ textDecoration underline ]\n        ]\n\n","type":"List.List Css.Style -> Css.Style"},{"name":"before","comment":" A [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Abefore)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"bengali","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"blink","comment":" [`blink`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\nis ~~totally rad~~ deprecated, and as such has been ~~reluctantly~~ omitted\nfrom elm-css.\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"block","comment":" ","type":"Css.Display {}"},{"name":"bold","comment":" ","type":"Css.FontWeight {}"},{"name":"bolder","comment":" ","type":"Css.FontWeight {}"},{"name":"border","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n    border (px 10)\n\n    border2 (px 10) dashed\n\n    border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"border2","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n    border (px 10)\n\n    border2 (px 10) dashed\n\n    border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"border3","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n    border (px 10)\n\n    border2 (px 10) dashed\n\n    border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderBottom","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n    borderBottom (px 5)\n\n    borderBottom2 (px 5) dashed\n\n    borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottom2","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n    borderBottom (px 5)\n\n    borderBottom2 (px 5) dashed\n\n    borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderBottom3","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n    borderBottom (px 5)\n\n    borderBottom2 (px 5) dashed\n\n    borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderBottomColor","comment":" Sets [`border-bottom-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)\n\n    borderBottomColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderBottomLeftRadius","comment":" Sets [`border-bottom-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\n\n    borderBottomLeftRadius (em 4)\n\n    borderBottomLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottomLeftRadius2","comment":" Sets [`border-bottom-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\n\n    borderBottomLeftRadius (em 4)\n\n    borderBottomLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderBottomRightRadius","comment":" Sets [`border-bottom-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\n\n    borderBottomRightRadius (em 4)\n\n    borderBottomRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottomRightRadius2","comment":" Sets [`border-bottom-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\n\n    borderBottomRightRadius (em 4)\n\n    borderBottomRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderBottomStyle","comment":" Sets [`border-bottom-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style)\n\n    borderBottomStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderBottomWidth","comment":" Sets [`border-bottom-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)\n\n    borderBottomWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBox","comment":" The `border-box` value for the [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) property.\nCan also be used as `border-box` value for the [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) property.\n","type":"Css.BoxSizing (Css.BackgroundClip {})"},{"name":"borderCollapse","comment":" Sets [`border-collapse`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse)\n\n    borderCollapse collapse\n\n","type":"Css.BorderCollapse compatible -> Css.Style"},{"name":"borderColor","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n    borderColor (rgb 12 11 10)\n\n    borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n    borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n    borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderColor2","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n    borderColor (rgb 12 11 10)\n\n    borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n    borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n    borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.Style"},{"name":"borderColor3","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n    borderColor (rgb 12 11 10)\n\n    borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n    borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n    borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderColor4","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n    borderColor (rgb 12 11 10)\n\n    borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n    borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n    borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.ColorValue compatibleC -> Css.ColorValue compatibleD -> Css.Style"},{"name":"borderImageOutset","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n    borderImageOutset (int 2)\n\n    borderImageOutset2 (int 2) (px 15)\n\n    borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n    borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"borderImageOutset2","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n    borderImageOutset (int 2)\n\n    borderImageOutset2 (int 2) (px 15)\n\n    borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n    borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"borderImageOutset3","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n    borderImageOutset (int 2)\n\n    borderImageOutset2 (int 2) (px 15)\n\n    borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n    borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"borderImageOutset4","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n    borderImageOutset (int 2)\n\n    borderImageOutset2 (int 2) (px 15)\n\n    borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n    borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.LengthOrNumber compatibleD -> Css.Style"},{"name":"borderImageWidth","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n    borderImageWidth (int 3)\n\n    borderImageWidth2 (int 3) (px 15)\n\n    borderImageWidth3 (int 3) (px 15) auto\n\n    borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"borderImageWidth2","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n    borderImageWidth (int 3)\n\n    borderImageWidth2 (int 3) (px 15)\n\n    borderImageWidth3 (int 3) (px 15) auto\n\n    borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"borderImageWidth3","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n    borderImageWidth (int 3)\n\n    borderImageWidth2 (int 3) (px 15)\n\n    borderImageWidth3 (int 3) (px 15) auto\n\n    borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"borderImageWidth4","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n    borderImageWidth (int 3)\n\n    borderImageWidth2 (int 3) (px 15)\n\n    borderImageWidth3 (int 3) (px 15) auto\n\n    borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.LengthOrNumber compatibleD -> Css.Style"},{"name":"borderLeft","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n    borderLeft (px 5)\n\n    borderLeft2 (px 5) dashed\n\n    borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderLeft2","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n    borderLeft (px 5)\n\n    borderLeft2 (px 5) dashed\n\n    borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderLeft3","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n    borderLeft (px 5)\n\n    borderLeft2 (px 5) dashed\n\n    borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderLeftColor","comment":" Sets [`border-left-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)\n\n    borderLeftColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderLeftStyle","comment":" Sets [`border-left-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)\n\n    borderLeftStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderLeftWidth","comment":" Sets [`border-left-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)\n\n    borderLeftWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRadius","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n    borderRadius (em 4)\n\n    borderRadius2 (em 4) (px 2)\n\n    borderRadius3 (em 4) (px 2) (pct 5)\n\n    borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRadius2","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n    borderRadius (em 4)\n\n    borderRadius2 (em 4) (px 2)\n\n    borderRadius3 (em 4) (px 2) (pct 5)\n\n    borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderRadius3","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n    borderRadius (em 4)\n\n    borderRadius2 (em 4) (px 2)\n\n    borderRadius3 (em 4) (px 2) (pct 5)\n\n    borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"borderRadius4","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n    borderRadius (em 4)\n\n    borderRadius2 (em 4) (px 2)\n\n    borderRadius3 (em 4) (px 2) (pct 5)\n\n    borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.Style"},{"name":"borderRight","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n    borderRight (px 5)\n\n    borderRight2 (px 5) dashed\n\n    borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRight2","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n    borderRight (px 5)\n\n    borderRight2 (px 5) dashed\n\n    borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderRight3","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n    borderRight (px 5)\n\n    borderRight2 (px 5) dashed\n\n    borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderRightColor","comment":" Sets [`border-right-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)\n\n    borderRightColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderRightStyle","comment":" Sets [`border-right-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)\n\n    borderRightStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderRightWidth","comment":" Sets [`border-right-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)\n\n    borderRightWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderSpacing","comment":" Sets [`border-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)\n\n    borderSpacing (em 4)\n\n    borderSpacing2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderSpacing2","comment":" Sets [`border-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)\n\n    borderSpacing (em 4)\n\n    borderSpacing2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderStyle","comment":" Sets [`border-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)\n\n    borderStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderTop","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n    borderTop (px 5)\n\n    borderTop2 (px 5) dashed\n\n    borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTop2","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n    borderTop (px 5)\n\n    borderTop2 (px 5) dashed\n\n    borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderTop3","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n    borderTop (px 5)\n\n    borderTop2 (px 5) dashed\n\n    borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderTopColor","comment":" Sets [`border-top-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)\n\n    borderTopColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderTopLeftRadius","comment":" Sets [`border-top-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\n\n    borderTopLeftRadius (em 4)\n\n    borderTopLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTopLeftRadius2","comment":" Sets [`border-top-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\n\n    borderTopLeftRadius (em 4)\n\n    borderTopLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderTopRightRadius","comment":" Sets [`border-top-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\n\n    borderTopRightRadius (em 4)\n\n    borderTopRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTopRightRadius2","comment":" Sets [`border-top-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\n\n    borderTopRightRadius (em 4)\n\n    borderTopRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderTopStyle","comment":" Sets [`border-top-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style)\n\n    borderTopStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderTopWidth","comment":" Sets [`border-top-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)\n\n    borderTopWidth (em 4)\n\n    borderTopWidth2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderWidth","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n    borderWidth (em 4)\n\n    borderWidth2 (em 4) (px 2)\n\n    borderWidth3 (em 4) (px 2) (pct 5)\n\n    borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderWidth2","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n    borderWidth (em 4)\n\n    borderWidth2 (em 4) (px 2)\n\n    borderWidth3 (em 4) (px 2) (pct 5)\n\n    borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderWidth3","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n    borderWidth (em 4)\n\n    borderWidth2 (em 4) (px 2)\n\n    borderWidth3 (em 4) (px 2) (pct 5)\n\n    borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"borderWidth4","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n    borderWidth (em 4)\n\n    borderWidth2 (em 4) (px 2)\n\n    borderWidth3 (em 4) (px 2) (pct 5)\n\n    borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.Style"},{"name":"both","comment":" The `both` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"bottom","comment":" The [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom) property.\n\n    position absolute\n\n    bottom (px 5)\n\nThis can also be used as a `bottom` [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value:\n\n    verticalAlign bottom\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"boxShadow","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.None compatible -> Css.Style"},{"name":"boxShadow2","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"boxShadow3","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Value c -> Css.Style"},{"name":"boxShadow4","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Value d -> Css.Style"},{"name":"boxShadow5","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.ColorValue compatibleE -> Css.Style"},{"name":"boxShadow6","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n    boxShadow none\n\n    boxShadow2 (px 1) (px 2)\n\n    boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    boxShadow3 (px 1) (px 2) (px 3)\n\n    boxShadow3 inset (px 2) (px 3)\n\n    boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n    boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n    boxShadow4 inset (px 2) (px 3) (px 4)\n\n    boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n    boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.ColorValue compatibleE -> Css.Style"},{"name":"boxSizing","comment":" Sets [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)\n\n    boxSizing borderBox\n\n","type":"Css.BoxSizing compatible -> Css.Style"},{"name":"breakWord","comment":" The `break-word` value for the [`overflow-wrap`](https://developer.mozilla.org/en/docs/Web/CSS/overflow-wrap#Values) property.\n","type":"Css.Wrap {}"},{"name":"calc","comment":" The css [calc](https://developer.mozilla.org/en/docs/Web/CSS/calc) function.\n\n    almostPct100 =\n        calc (pct 100) minus (px 2)\n\n    -- calc(100vh - (2px + 2rem))\n    screenMinusBorderAndFooter =\n        calc (vh 100) minus (calc (px 2) plus (rem 2))\n\n    myWidth =\n        width almostPct100\n\n    myHeight =\n        height screenMinusBorderAndFooter\n\nUsing \\* and / with calc isn't supported. Use arithmetics from elm instead.\n\n","type":"Css.Calc compatibleA -> Css.CalcExpression -> Css.Calc compatibleB -> Css.CalculatedLength"},{"name":"capitalize","comment":" `capitalize` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"cell","comment":" ","type":"Css.Cursor {}"},{"name":"center","comment":" `center` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\nCan also be used with flex-box's align-items and justify-content properties to apply the value of center\n","type":"Css.TextAlign a b"},{"name":"ch","comment":" [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n","type":"Basics.Float -> Css.Ch"},{"name":"checked","comment":" A [`:checked`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Achecked)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"circle","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"cjkEarthlyBranch","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"cjkHeavenlyStem","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"clip","comment":" `clip` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n","type":"Css.TextOverflow {}"},{"name":"cm","comment":" [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n","type":"Basics.Float -> Css.Cm"},{"name":"colResize","comment":" ","type":"Css.Cursor {}"},{"name":"collapse","comment":" A `collapse` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\nThis can also represent a `collapse` [`visibility`](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values).\n","type":"Css.BorderCollapse (Css.Visibility {})"},{"name":"color","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"colorBurn","comment":" The `color-burn` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#color-burn).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"colorDodge","comment":" The `color-dodge` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#color-dodge).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"column","comment":" The[`column`](<https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction> #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"columnReverse","comment":" The[`column-reverse`](<https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction> #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"commonLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"contain","comment":" The `contain` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n","type":"{ value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"content","comment":" The [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values) value for the\nflex-basis property.\n","type":"Css.LengthOrNumberOrAutoOrNoneOrContent (Css.FlexBasis {})"},{"name":"contentBox","comment":" The `content-box` value for the [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) property.\nCan also be used as `content-box` value for the [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) property.\n","type":"Css.BoxSizing (Css.BackgroundClip {})"},{"name":"contextMenu","comment":" ","type":"Css.Cursor {}"},{"name":"contextual","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"copy","comment":" ","type":"Css.Cursor {}"},{"name":"cover","comment":" The `cover` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n","type":"{ value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"crosshair","comment":" ","type":"Css.Cursor {}"},{"name":"currentColor","comment":" The [`currentColor`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#currentColor_keyword)\nvalue.\n","type":"Css.ColorValue Css.NonMixable"},{"name":"cursive","comment":" ","type":"Css.FontFamily {}"},{"name":"cursor","comment":" A [`cursor`](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Values)\nspecifies the mouse cursor displayed when mouse pointer is over an element.\n","type":"Css.Cursor compatible -> Css.Style"},{"name":"cursorAlias","comment":" ","type":"Css.Cursor {}"},{"name":"darken","comment":" The `darken` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#darken).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"dashed","comment":" A `dashed` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"decimal","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"decimalLeadingZero","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"default","comment":" ","type":"Css.Cursor {}"},{"name":"deg","comment":" [`deg`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"devanagari","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"diagonalFractions","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"difference","comment":" The `difference` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#difference).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"disabled","comment":" A [`:disabled`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Adisabled)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"disc","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"discretionaryLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"display","comment":" For `display: flex`, use [`displayFlex`](#displayFlex).\n","type":"Css.Display compatible -> Css.Style"},{"name":"displayFlex","comment":" `display: flex`. This works around the fact that\n[`flex` is already taken](#flex).\n","type":"Css.Style"},{"name":"dotted","comment":" A `dotted` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"double","comment":" A `double` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"eResize","comment":" ","type":"Css.Cursor {}"},{"name":"eachLine","comment":" `each-line` [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent#Values) value\n","type":"Css.TextIndent {}"},{"name":"ellipsis","comment":" `ellipsis` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n","type":"Css.TextOverflow {}"},{"name":"em","comment":" [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n","type":"Basics.Float -> Css.Em"},{"name":"empty","comment":" An [`:empty`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aempty)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"enabled","comment":" An [`:enabled`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aenabled)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"end","comment":" `end` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"ewResize","comment":" ","type":"Css.Cursor {}"},{"name":"ex","comment":" [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n","type":"Basics.Float -> Css.Ex"},{"name":"exclusion","comment":" The `exclusion` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#exclusion).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"fantasy","comment":" ","type":"Css.FontFamily {}"},{"name":"featureOff","comment":" Alias for `off` value of [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#Formal_syntax)\n","type":"Basics.Int"},{"name":"featureOn","comment":" Alias for `on` value of [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#Formal_syntax)\n","type":"Basics.Int"},{"name":"featureTag","comment":" Creates a [`feature-tag-value`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#feature-tag-value)\nwith the default value of `1`\n\n    fontFeatureSettings (featureTag \"hist\")\n\n","type":"String.String -> Css.FeatureTagValue {}"},{"name":"featureTag2","comment":" Creates a [`feature-tag-value`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#feature-tag-value)\nwith a particular integer value\n\n    fontFeatureSettings (featureTag2 \"smcp\" on)\n\n    fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n","type":"String.String -> Basics.Int -> Css.FeatureTagValue {}"},{"name":"fill","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"fillAvailable","comment":" The `fill-available` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"fillBox","comment":" The `fill-box` value for the [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox {}"},{"name":"first","comment":" A [`:first`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstChild","comment":" A [`:first-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstLetter","comment":" A [`::first-letter`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Afirst-letter)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstLine","comment":" A [`::first-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Afirst-line)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstOfType","comment":" A [`:first-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"fitContent","comment":" The `fit-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"fixed","comment":" A `fixed` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\nThis can also represent a `fixed` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\n\n    position fixed\n\nThis can also be the `fixed` value for [`table-layout`](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values).\n\n","type":"{ value : String.String, position : Css.Compatible, backgroundAttachment : Css.Compatible, tableLayout : Css.Compatible }"},{"name":"flat","comment":" The `flat` value for the [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n","type":"Css.TransformStyle {}"},{"name":"flex","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.LengthOrNumberOrAutoOrNoneOrContent compatible -> Css.Style"},{"name":"flex2","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.Number compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"flex3","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.Number compatibleA -> Css.Number compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"flexBasis","comment":" Sets [`flex-basis`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.FlexBasis compatible -> Css.Style"},{"name":"flexDirection","comment":" Sets [`flex-direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) property.\n","type":"Css.FlexDirection compatible -> Css.Style"},{"name":"flexEnd","comment":" The[`flex-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\nCan also be used with flex-box's justify-content property to apply the value of flex-end.\n","type":"Css.AlignItems a b"},{"name":"flexFlow1","comment":" Sets [`flex-flow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow) property.\n\nflexFlow1 (wrap | wrapReverse | noWrap)\nflexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)\n\nOr vice versa, order is not important for flex-flow\n\n","type":"Css.FlexDirectionOrWrap compatible -> Css.Style"},{"name":"flexFlow2","comment":" Sets [`flex-flow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow) property.\n\nflexFlow1 (wrap | wrapReverse | noWrap)\nflexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)\n\nOr vice versa, order is not important for flex-flow\n\n","type":"Css.FlexDirectionOrWrap compatibleA -> Css.FlexDirectionOrWrap compatibleB -> Css.Style"},{"name":"flexGrow","comment":" Sets [`flex-grow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"flexShrink","comment":" Sets [`flex-shrink`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"flexStart","comment":" The[`flex-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\nCan also be used with flex-box's justify-content property to apply the value of flex-start.\n","type":"Css.AlignItems a b"},{"name":"flexWrap","comment":" Sets [`flex-wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) property.\n","type":"Css.FlexWrap compatible -> Css.Style"},{"name":"float","comment":" Sets ['float'](https://developer.mozilla.org/en-US/docs/Web/CSS/float)\nfloat : Float compatible -> Style\n\n    float right\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"focus","comment":" A [`:focus`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"fontFace","comment":" ","type":"String.String -> String.String"},{"name":"fontFamilies","comment":" For multiple font families:\n\n    fontFamilies [ \"Verdana\", \"Arial\" ]\n\n    fontFamilies [ qt \"Gill Sans Extrabold\", \"Helvetica\", .value sansSerif ]\n\n","type":"List.List String.String -> Css.Style"},{"name":"fontFamily","comment":" For when your font is one of [`serif`](#serif), [`sansSerif`](#sansSerif), [`monospace`](#monospace), [`cursive`](#cursive) or [`fantasy`](#fantasy).\nIf you want to refer to a font by its name (like Helvetica or Arial), use [`fontFamilies`](#fontFamilies) instead.\n","type":"Css.FontFamily a -> Css.Style"},{"name":"fontFeatureSettings","comment":" Sets [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings)\n\n    fontFeatureSettings (featureTag \"hist\")\n\n    fontFeatureSettings (featureTag2 \"smcp\" on)\n\n    fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n","type":"Css.FeatureTagValue a -> Css.Style"},{"name":"fontFeatureSettingsList","comment":" Sets [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings)\n\n    fontFeatureSettingsList [ featureTag \"c2sc\", featureTag \"smcp\" ]\n\n","type":"List.List (Css.FeatureTagValue a) -> Css.Style"},{"name":"fontSize","comment":" Sets [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\n\n    fontSize xxSmall\n\n    fontSize (px 12)\n\n","type":"Css.FontSize a -> Css.Style"},{"name":"fontStyle","comment":" Sets [`font-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)\n\n    fontStyle italic\n\n","type":"Css.FontStyle a -> Css.Style"},{"name":"fontVariant","comment":" Sets [`font-variant`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant)\n\n    fontVariant smallCaps\n\n    fontVariant2 commonLigatures smallCaps\n\n    fontVariant3 commonLigatures smallCaps slashedZero\n\n    fontVariants [ oldstyleNums tabularNums stackedFractions ordinal slashedZero ]\n\n","type":"Css.FontVariant a -> Css.Style"},{"name":"fontVariant2","comment":" ","type":"Css.FontVariant compatibleA -> Css.FontVariant compatibleB -> Css.Style"},{"name":"fontVariant3","comment":" ","type":"Css.FontVariant compatibleA -> Css.FontVariant compatibleB -> Css.FontVariant compatibleC -> Css.Style"},{"name":"fontVariantCaps","comment":" ","type":"Css.FontVariantCaps a -> Css.Style"},{"name":"fontVariantLigatures","comment":" ","type":"Css.FontVariantLigatures a -> Css.Style"},{"name":"fontVariantNumeric","comment":" ","type":"Css.FontVariantNumeric a -> Css.Style"},{"name":"fontVariantNumeric2","comment":" ","type":"Css.FontVariantNumeric compatibleA -> Css.FontVariantNumeric compatibleB -> Css.Style"},{"name":"fontVariantNumeric3","comment":" ","type":"Css.FontVariantNumeric compatibleA -> Css.FontVariantNumeric compatibleB -> Css.FontVariantNumeric compatibleC -> Css.Style"},{"name":"fontVariantNumerics","comment":" ","type":"List.List (Css.FontVariantNumeric compatible) -> Css.Style"},{"name":"fontWeight","comment":" Sets [`font-weight`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\n\n    fontWeight bold\n\n    fontWeight (int 300)\n\n","type":"Css.FontWeight a -> Css.Style"},{"name":"fullWidth","comment":" `full-width` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"fullscreen","comment":" A [`:fullscreen`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afullscreen)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"geometricPrecision","comment":" `geometricPrecision` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"georgian","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"grab","comment":" ","type":"Css.Cursor {}"},{"name":"grabbing","comment":" ","type":"Css.Cursor {}"},{"name":"grad","comment":" [`grad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#grad) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"groove","comment":" A `groove` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"gujarati","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"gurmukhi","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"hanging","comment":" `hanging` [`hanging`](https://developer.mozilla.org/en-US/docs/Web/CSS/hanging#Values) value\n","type":"Css.TextIndent {}"},{"name":"hardLight","comment":" The `hard-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hard-light).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"height","comment":" Sets [`height`](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\n\n    height (px 800)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"help","comment":" ","type":"Css.Cursor {}"},{"name":"hex","comment":" [RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb())\nin hexadecimal notation. You can optionally include `#` as the first character,\nfor benefits like syntax highlighting in editors, ease of copy/pasting from\ntools which express these as e.g. `#abcdef0`, etc.\n","type":"String.String -> Css.Color"},{"name":"hidden","comment":" `hidden` [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) value.\n\nThis can also represent a `hidden` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values),\nas well as a `hidden` [`visibility`](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values).\n\n","type":"Css.Overflow (Css.BorderStyle (Css.Visibility {}))"},{"name":"historicalLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"horizontal","comment":" The `horizontal` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"hover","comment":" An [`:hover`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ahover)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"hsl","comment":" [HSL color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl())\n`s` and `l` values are expressed as a number between 0 and 1 and are converted\nto the appropriate percentage at compile-time\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Color"},{"name":"hsla","comment":" [HSLA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsla())\n`s` and `l` values are expressed as a number between 0 and 1 and are converted\nto the appropriate percentage at compile-time\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Color"},{"name":"hue","comment":" The `hue` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hue).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"important","comment":" Transforms the given property by adding !important to the end of its\ndeclaration.\n","type":"Css.Style -> Css.Style"},{"name":"inches","comment":" [`in`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#in) units.\n\n(This is `inches` instead of `in` because `in` is a reserved keyword in Elm.)\n\n","type":"Basics.Float -> Css.In"},{"name":"indeterminate","comment":" An [`:indeterminate`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aindeterminate)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"infinite","comment":" The [`infinite`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count#Values) value.\n","type":"Css.Infinite"},{"name":"inherit","comment":" The [`inherit`](https://developer.mozilla.org/en-US/docs/Web/CSS/inherit) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"initial","comment":" The [`initial`](https://developer.mozilla.org/en-US/docs/Web/CSS/initial) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"inline","comment":" ","type":"Css.Display {}"},{"name":"inlineBlock","comment":" ","type":"Css.Display {}"},{"name":"inlineFlex","comment":" Sets the display style to [`inline-flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"inlineListItem","comment":" ","type":"Css.Display {}"},{"name":"inlineTable","comment":" Sets the display style to [`inline-table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"inset","comment":" An `inset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"inside","comment":" ","type":"Css.ListStyle (Css.ListStylePosition {})"},{"name":"int","comment":" A unitless integer. Useful with properties like [`borderImageOutset`](#borderImageOutset)\nwhich accept either length units or unitless numbers for some properties.\n","type":"Basics.Int -> Css.IntOrAuto (Css.Number (Css.LengthOrNumberOrAutoOrNoneOrContent (Css.LengthOrNumber (Css.FontWeight (Css.NumberOrInfinite { numericValue : Basics.Float, unitLabel : String.String, units : Css.UnitlessInteger })))))"},{"name":"invalid","comment":" An [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ainvalid)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"italic","comment":" ","type":"Css.FontStyle {}"},{"name":"justify","comment":" `justify` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"justifyAll","comment":" `justify-all` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"justifyContent","comment":" Sets [`justify-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"kannada","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"khmer","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lang","comment":" A [`:lang`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alang)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"lao","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"large","comment":" ","type":"Css.FontSize {}"},{"name":"larger","comment":" ","type":"Css.FontSize {}"},{"name":"lastChild","comment":" A [`:last-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"lastOfType","comment":" A [`:last-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"left","comment":" The [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/left) property.\n\n    position absolute\n\n    left (px 5)\n\nThis can also be used as a `left` [text alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) value:\n\n    textAlign left\n\nIt can also be used as a `left` [float](https://developer.mozilla.org/en-US/docs/Web/CSS/float) value :\n\n    float left\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"letterSpacing","comment":" Sets [`letter-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\n\n    letterSpacing (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"lighten","comment":" The `lighten` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#lighten).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"lighter","comment":" ","type":"Css.FontWeight {}"},{"name":"lineHeight","comment":" Sets [`line-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\n\n    lineHeight (px 10)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"lineThrough","comment":" A [`line-through`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"linearGradient","comment":" Sets [`linear-gradient`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)\n\n    linearGradient (stop2 red <| pct 75) (stop <| hex \"222\") []\n\n    linearGradient (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n","type":"Css.ColorStop compatibleA compatibleB unit -> Css.ColorStop compatibleA compatibleB unit -> List.List (Css.ColorStop compatibleA compatibleB unit) -> Css.BackgroundImage (Css.ListStyle {})"},{"name":"linearGradient2","comment":" Sets [`linear-gradient`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)\n\n    linearGradient2 toBottomLeft (stop2 red <| pct 75) (stop <| hex \"222\") []\n\n    linearGradient2 toTop (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n","type":"Css.AngleOrDirection compatible -> Css.ColorStop compatibleA compatibleB unit -> Css.ColorStop compatibleA compatibleB unit -> List.List (Css.ColorStop compatibleA compatibleB unit) -> Css.BackgroundImage (Css.ListStyle {})"},{"name":"liningNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"link","comment":" A [`:link`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alink)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"listItem","comment":" ","type":"Css.Display {}"},{"name":"listStyle","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible -> Css.Style"},{"name":"listStyle2","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible1 -> Css.ListStyle compatible2 -> Css.Style"},{"name":"listStyle3","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible1 -> Css.ListStyle compatible2 -> Css.ListStyle compatible3 -> Css.Style"},{"name":"listStylePosition","comment":" The [`list-style-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position) property.\n","type":"Css.ListStylePosition compatible -> Css.Style"},{"name":"listStyleType","comment":" The [`list-style-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type) property.\n","type":"Css.ListStyleType compatible -> Css.Style"},{"name":"local","comment":" The `local` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\n","type":"Css.BackgroundAttachment {}"},{"name":"lowerAlpha","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerGreek","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerLatin","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerRoman","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowercase","comment":" `lowercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"luminosity","comment":" The `luminosity` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#luminosity).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"malayalam","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"manipulation","comment":" The `manipulation` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"margin","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n    margin (px 10)\n\n    margin2 (px 10) (px 10)\n\n    margin3 (px 10) (px 10) (px 10)\n\n    margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"margin2","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n    margin (px 10)\n\n    margin2 (px 10) (px 10)\n\n    margin3 (px 10) (px 10) (px 10)\n\n    margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.Style"},{"name":"margin3","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n    margin (px 10)\n\n    margin2 (px 10) (px 10)\n\n    margin3 (px 10) (px 10) (px 10)\n\n    margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.LengthOrAuto compatibleC -> Css.Style"},{"name":"margin4","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n    margin (px 10)\n\n    margin2 (px 10) (px 10)\n\n    margin3 (px 10) (px 10) (px 10)\n\n    margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.LengthOrAuto compatibleC -> Css.LengthOrAuto compatibleD -> Css.Style"},{"name":"marginBlockEnd","comment":" Sets [`margin-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end)\n\n    marginBlockEnd (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginBlockStart","comment":" Sets [`margin-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start)\n\n    marginBlockStart (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginBottom","comment":" Sets [`margin-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\n\n    marginBottom (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginInlineEnd","comment":" Sets [`margin-inline-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)\n\n    marginInlineEnd (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginInlineStart","comment":" Sets [`margin-inline-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)\n\n    marginInlineStart (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginLeft","comment":" Sets [`margin-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\n\n    marginLeft (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginRight","comment":" Sets [`margin-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\n\n    marginRight (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginTop","comment":" Sets [`margin-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\n\n    marginTop (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"matchParent","comment":" `match-parent` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"matrix","comment":" The [`matrix()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix()) transform-function.\n\n    transform (matrix 0.5 1 1.5 2 2.5 3)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"matrix3d","comment":" The [`matrix3d()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix3d()) transform-function.\n\n    transform (matrix3d 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"maxContent","comment":" The `max-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"maxHeight","comment":" Sets [`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\n\n    maxHeight (px 1024)\n\n","type":"Css.LengthOrNoneOrMinMaxDimension compatible -> Css.Style"},{"name":"maxWidth","comment":" Sets [`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\n\n    maxWidth (px 960)\n\n","type":"Css.LengthOrNoneOrMinMaxDimension compatible -> Css.Style"},{"name":"medium","comment":" ","type":"Css.FontSize {}"},{"name":"middle","comment":" The `middle` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign middle\n\n","type":"Css.VerticalAlign a b"},{"name":"minContent","comment":" The `min-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"minHeight","comment":" Sets [`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\n\n    minHeight (px 100)\n\n","type":"Css.LengthOrMinMaxDimension compatible -> Css.Style"},{"name":"minWidth","comment":" Sets [`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\n\n    minWidth (px 100)\n\n","type":"Css.LengthOrMinMaxDimension compatible -> Css.Style"},{"name":"minus","comment":" Use with calc to subtract lengths from eachother\n\n    >>> calc (pct 100) minus (px 2)\n    calc (100% - 2px)\n\n","type":"Css.CalcExpression"},{"name":"mm","comment":" [`mm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#mm) units.\n","type":"Basics.Float -> Css.Mm"},{"name":"monospace","comment":" ","type":"Css.FontFamily {}"},{"name":"move","comment":" ","type":"Css.Cursor {}"},{"name":"ms","comment":" A [duration](#Duration) in milliseconds.\n","type":"Basics.Float -> Css.Duration {}"},{"name":"multiply","comment":" The `multiply` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#multiply).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"myanmar","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"nResize","comment":" ","type":"Css.Cursor {}"},{"name":"neResize","comment":" ","type":"Css.Cursor {}"},{"name":"neswResize","comment":" ","type":"Css.Cursor {}"},{"name":"noCommonLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noContextual","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noDiscretionaryLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noDrop","comment":" ","type":"Css.Cursor {}"},{"name":"noHistoricalLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noRepeat","comment":" The `no-repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"noWrap","comment":" ","type":"Css.WhiteSpace (Css.FlexDirectionOrWrap (Css.FlexWrap {}))"},{"name":"none","comment":" ","type":"{ borderStyle : Css.Compatible, cursor : Css.Compatible, display : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, none : Css.Compatible, keyframes : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, listStyleType : Css.Compatible, listStyleTypeOrPositionOrImage : Css.Compatible, outline : Css.Compatible, pointerEvents : Css.Compatible, resize : Css.Compatible, textDecorationLine : Css.Compatible, transform : Css.Compatible, backgroundImage : Css.Compatible, value : String.String, textTransform : Css.Compatible, touchAction : Css.Compatible, updateFrequency : Css.Compatible, blockAxisOverflow : Css.Compatible, inlineAxisOverflow : Css.Compatible, pointerDevice : Css.Compatible, hoverCapability : Css.Compatible, scriptingSupport : Css.Compatible }"},{"name":"normal","comment":" ","type":"Css.Normal"},{"name":"notAllowed","comment":" ","type":"Css.Cursor {}"},{"name":"nsResize","comment":" ","type":"Css.Cursor {}"},{"name":"nthChild","comment":" An [`:nth-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthLastChild","comment":" An [`:nth-last-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-last-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthLastOfType","comment":" An [`:nth-last-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-last-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthOfType","comment":" An [`:nth`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"num","comment":" A unitless number. Useful with properties like [`flexGrow`](#flexGrow)\nwhich accept unitless numbers.\n","type":"Basics.Float -> Css.LengthOrNumberOrAutoOrNoneOrContent (Css.Number (Css.LengthOrNumber (Css.NumberOrInfinite { numericValue : Basics.Float, unitLabel : String.String, units : Css.UnitlessFloat })))"},{"name":"nwResize","comment":" ","type":"Css.Cursor {}"},{"name":"nwseResize","comment":" ","type":"Css.Cursor {}"},{"name":"oblique","comment":" ","type":"Css.FontStyle {}"},{"name":"oldstyleNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"onlyChild","comment":" An [`:only-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aonly-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"onlyOfType","comment":" An [`:only-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aonly-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"opacity","comment":" ","type":"Css.Number compatible -> Css.Style"},{"name":"optimizeLegibility","comment":" `optimizeLegibility` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"optimizeSpeed","comment":" `optimizeSpeed` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"optional","comment":" An [`:optional`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aoptional)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"order","comment":" Sets [`order`](https://developer.mozilla.org/en-US/docs/Web/CSS/order) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"ordinal","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"oriya","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"outOfRange","comment":" An [`:out-of-range`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aout-of-range)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"outline","comment":" Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n    outline zero\n\n    outline initial\n\n    outline3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Outline compatible -> Css.Style"},{"name":"outline3","comment":" Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n    outline zero\n\n    outline initial\n\n    outline3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"outlineColor","comment":" Sets [`outline-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color)\n\n    outlineColor (rgb 11 14 17)\n\n    outlineColor (hex \"#ffffff\")\n\n    outlineColor (hsla 120 0.5 0.5 0.5)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"outlineOffset","comment":" Sets [`outline-offset`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\n\n    outlineOffset (px 10)\n\n    outlineOffset (em 1.4)\n\n    outlineOffset (pct 50)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"outlineStyle","comment":" Sets [`outline-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style)\n\n    outlineStyle dashed\n\n    outlineStyle solid\n\n    outlineStyle outset\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"outlineWidth","comment":" Sets [`outline-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\n\n    outlineWidth (px 10)\n\n    outlineWidth (em 1.4)\n\n    outlineWidth none\n\n","type":"Css.LengthOrNone compatible -> Css.Style"},{"name":"outset","comment":" An `outset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"outside","comment":" ","type":"Css.ListStyle (Css.ListStylePosition {})"},{"name":"overflow","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overflowWrap","comment":" ","type":"Css.Wrap compatible -> Css.Style"},{"name":"overflowX","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overflowY","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overlay","comment":" The `overlay` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#overlay).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"overline","comment":" An [`overline`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"padding","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n    padding (px 10)\n\n    padding2 (px 10) (px 10)\n\n    padding3 (px 10) (px 10) (px 10)\n\n    padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"padding2","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n    padding (px 10)\n\n    padding2 (px 10) (px 10)\n\n    padding3 (px 10) (px 10) (px 10)\n\n    padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"padding3","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n    padding (px 10)\n\n    padding2 (px 10) (px 10)\n\n    padding3 (px 10) (px 10) (px 10)\n\n    padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"padding4","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n    padding (px 10)\n\n    padding2 (px 10) (px 10)\n\n    padding3 (px 10) (px 10) (px 10)\n\n    padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatible units -> Css.Style"},{"name":"paddingBottom","comment":" Sets [`padding-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\n\n    paddingBottom (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingBox","comment":" The `padding-box` [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) value.\n","type":"Css.BackgroundClip {}"},{"name":"paddingLeft","comment":" Sets [`padding-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)\n\n    paddingLeft (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingRight","comment":" Sets [`padding-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\n\n    paddingRight (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingTop","comment":" Sets [`padding-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\n\n    paddingTop (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"painted","comment":" A `painted` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n\n    pointer-events: painted\n\n","type":"Css.PointerEvents {}"},{"name":"panDown","comment":" The `pan-down` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panLeft","comment":" The `pan-left` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panRight","comment":" The `pan-right` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panUp","comment":" The `pan-up` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panX","comment":" The `pan-x` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panY","comment":" The `pan-y` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"pc","comment":" [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n","type":"Basics.Float -> Css.Pc"},{"name":"pct","comment":" [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n","type":"Basics.Float -> Css.Pct"},{"name":"perspective","comment":" The [`perspective()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#perspective()) transform-function.\n\n     transform (perspective 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"petiteCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"pinchZoom","comment":" The `pinch-zoom` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"plus","comment":" Use with calc to add lengths together\n\n    >>> calc (pct 100) plus (px 2)\n    calc (100% + 2px)\n\n","type":"Css.CalcExpression"},{"name":"pointer","comment":" ","type":"Css.Cursor {}"},{"name":"pointerEvents","comment":" The [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events#Values)\nproperty specifies under what circumstances (if any) a particular graphic\nelement can become the target of mouse events.\n","type":"Css.PointerEvents compatible -> Css.Style"},{"name":"pointerEventsAll","comment":" `property-events: all`. This works around the fact that\n[`all` is already taken](#all).\n","type":"Css.Style"},{"name":"pointerEventsFill","comment":" `property-events: fill`. This works around the fact that\n[`fill` is already taken](#fill).\n","type":"Css.Style"},{"name":"position","comment":" The [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property.\n","type":"Css.Position compatible -> Css.Style"},{"name":"pre","comment":" The `pre` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n    whiteSpace pre\n\n","type":"Css.WhiteSpace {}"},{"name":"preLine","comment":" The `pre-line` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n    whiteSpace preLine\n\n","type":"Css.WhiteSpace {}"},{"name":"preWrap","comment":" The `pre-wrap` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n    whiteSpace preWrap\n\n","type":"Css.WhiteSpace {}"},{"name":"preserve3d","comment":" The `preserve-3d` value for the [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n","type":"Css.TransformStyle {}"},{"name":"progress","comment":" ","type":"Css.Cursor {}"},{"name":"property","comment":" Define a custom property.\n\n    css [ property \"-webkit-font-smoothing\" \"none\" ]\n\n...outputs\n\n    -webkit-font-smoothing: none;\n\n","type":"String.String -> String.String -> Css.Style"},{"name":"proportionalNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"pseudoClass","comment":" Define a custom pseudo-class.\n\nThis can be useful for deprecated pseudo-classes such as `-moz-any-link`, which\n[has been deprecated and removed](https://www.fxsitecompat.com/en-CA/docs/2016/any-link-css-pseudo-class-has-been-unprefixed/)\nin modern browsers.\n\n    button\n        [ css [ pseudoClass \"-moz-any-link\" [ color (hex \"f00\") ] ] ]\n        [ text \"Whee!\" ]\n\n...outputs\n\n    <button class=\"f9fcb2\">Whee!</button>\n\n    <style>\n        .f9fcb2:-moz-any-link {\n            color: #f00;\n        }\n    </style>\n\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"pseudoElement","comment":" Define a custom pseudo-element.\n\n    textarea\n        [ css [ pseudoElement \"-webkit-scrollbar\" [ display none ] ] ]\n        []\n\n...outputs\n\n    <textarea class=\"d84ff7\"></textarea>\n\n    <style>\n        .d84ff7::-webkit-scrollbar {\n            display: none;\n        }\n    </style>\n\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"pt","comment":" [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n","type":"Basics.Float -> Css.Pt"},{"name":"px","comment":" [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n","type":"Basics.Float -> Css.Px"},{"name":"qt","comment":" For use with [`font-family`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)\n\n    fontFamily serif\n\n    fontFamilies [ qt \"Gill Sans Extrabold\", \"Helvetica\", .value sansSerif ]\n\n","type":"String.String -> String.String"},{"name":"rad","comment":" [`rad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#rad) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"readWrite","comment":" A [`:read-write`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aread-write)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"relative","comment":" A `relative` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n    position relative\n\n","type":"Css.Position {}"},{"name":"rem","comment":" [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n","type":"Basics.Float -> Css.Rem"},{"name":"repeat","comment":" The `repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"repeatX","comment":" The `repeat-x` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeatShorthand {}"},{"name":"repeatY","comment":" The `repeat-y` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeatShorthand {}"},{"name":"required","comment":" A [`:required`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Arequired)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"resize","comment":" ","type":"Css.Resize compatible -> Css.Style"},{"name":"rgb","comment":" [RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb())\nin functional notation.\n","type":"Basics.Int -> Basics.Int -> Basics.Int -> Css.Color"},{"name":"rgba","comment":" [RGBA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()).\n","type":"Basics.Int -> Basics.Int -> Basics.Int -> Basics.Float -> Css.Color"},{"name":"ridge","comment":" A `ridge` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"right","comment":" Sets [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/right).\n\n    position absolute\n\n    right (px 5)\n\nThis can also be used as a `right` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) value:\n\n    textAlign right\n\nIt can also be used as a `right` [float](https://developer.mozilla.org/en-US/docs/Web/CSS/float) value :\n\n    float right\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"root","comment":" A [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aroot)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"rotate","comment":" The [`rotate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate()) transform-function.\n\n     transform (rotate (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotate3d","comment":" The [`rotate3d`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate3d()) transform-function.\n\n     transform (rotate3d 1 1 1 (deg 90))\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Angle compatible -> Css.Transform {}"},{"name":"rotateX","comment":" The [`rotateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateX()) transform-function.\n\n     transform (rotateX (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotateY","comment":" The [`rotateY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateY()) transform-function.\n\n     transform (rotateY (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotateZ","comment":" The [`rotateZ`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateZ()) transform-function.\n\n     transform (rotateZ (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"round","comment":" The `round` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"row","comment":" The[`row`](<https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction> #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"rowResize","comment":" ","type":"Css.Cursor {}"},{"name":"rowReverse","comment":" The[`row-reverse`](<https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction> #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"sResize","comment":" ","type":"Css.Cursor {}"},{"name":"sansSerif","comment":" ","type":"Css.FontFamily {}"},{"name":"saturation","comment":" The `saturation` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#saturation).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"scale","comment":" The [`scale`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.\n\n     transform (scale 0.5)\n     transform (scale2 0.5 0.7)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scale2","comment":" The [`scale`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.\n\n     transform (scale 0.5)\n     transform (scale2 0.5 0.7)\n\n","type":"Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"scale3d","comment":" The [`scale3d`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale3d()) transform-function.\n\n     transform (scale3d 0.5 0.5 1)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"scaleX","comment":" The [`scaleX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleX()) transform-function.\n\n     transform (scaleX 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scaleY","comment":" The [`scaleY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleY()) transform-function.\n\n     transform (scaleY 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scope","comment":" A [`:scope`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ascope)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"screenBlendMode","comment":" The `screen` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#screen).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"scroll","comment":" The `scroll` [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) value.\nThis can also represent a `scroll` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\nIt can also be used in the overflow-block and oveflow-line media features.\n","type":"{ value : String.String, scroll : Css.Compatible, overflow : Css.Compatible, backgroundAttachment : Css.Compatible, blockAxisOverflow : Css.Compatible, inlineAxisOverflow : Css.Compatible }"},{"name":"seResize","comment":" ","type":"Css.Cursor {}"},{"name":"sec","comment":" A [duration](#Duration) in seconds.\n","type":"Basics.Float -> Css.Duration {}"},{"name":"selection","comment":" A [`::selection`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Aselection)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"separate","comment":" A `separate` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\n","type":"Css.BorderCollapse {}"},{"name":"serif","comment":" ","type":"Css.FontFamily {}"},{"name":"skew","comment":" The [`skew`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.\n\n     transform (skew (deg 90))\n     transform (skew2 (deg 90) (deg 45))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"skew2","comment":" The [`skew`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.\n\n     transform (skew (deg 90))\n     transform (skew2 (deg 90) (deg 45))\n\n","type":"Css.Angle compatibleA -> Css.Angle compatibleB -> Css.Transform {}"},{"name":"skewX","comment":" The [`skewX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewX()) transform-function.\n\n     transform (skewX (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"skewY","comment":" The [`skewY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewY()) transform-function.\n\n    transform (skewY (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"slashedZero","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"small","comment":" ","type":"Css.FontSize {}"},{"name":"smallCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"smaller","comment":" ","type":"Css.FontSize {}"},{"name":"softLight","comment":" The `soft-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#soft-light).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"solid","comment":" A `solid` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"space","comment":" The `space` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"spaceAround","comment":" The[`space-around`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content#Values) value for the\njustify-content property.\n","type":"Css.JustifyContent a b"},{"name":"spaceBetween","comment":" The[`space-between`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content#Values) value for the\njustify-content property.\n","type":"Css.JustifyContent a b"},{"name":"square","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"src_","comment":" ","type":"Css.ImportType compatible -> String.String"},{"name":"stackedFractions","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"start","comment":" `start` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"static","comment":" A `static` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n    position static\n\n","type":"Css.Position {}"},{"name":"sticky","comment":" A `sticky` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n    position sticky\n\n","type":"Css.Position {}"},{"name":"stop","comment":" [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.ColorValue compatibleA -> Css.ColorStop compatibleA compatibleB unit"},{"name":"stop2","comment":" [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.ColorValue compatibleA -> Css.Length compatibleB unit -> Css.ColorStop compatibleA compatibleB unit"},{"name":"stretch","comment":" The[`stretch`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\n","type":"Css.AlignItems a b"},{"name":"stroke","comment":" A `stroke` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n\n    pointer-events: stroke\n\n","type":"Css.PointerEvents {}"},{"name":"sub","comment":" The `sub` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign sub\n\n","type":"Css.VerticalAlign a b"},{"name":"super","comment":" The `super` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign super\n\n","type":"Css.VerticalAlign a b"},{"name":"swResize","comment":" ","type":"Css.Cursor {}"},{"name":"table","comment":" Sets the display style to [`table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableCaption","comment":" Sets the display style to [`table-caption`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableCell","comment":" Sets the display style to [`table-cell`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableColumn","comment":" Sets the display style to [`table-column`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableColumnGroup","comment":" Sets the display style to [`table-column-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableFooterGroup","comment":" Sets the display style to [`table-footer-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableHeaderGroup","comment":" Sets the display style to [`table-header-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableLayout","comment":" Sets [`table-layout`](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout) property.\n\ntableLayout (auto | fixed | inherit | initial | unset)\n\n","type":"Css.TableLayout compatible -> Css.Style"},{"name":"tableRow","comment":" Sets the display style to [`table-row`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableRowGroup","comment":" Sets the display style to [`table-row-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tabularNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"target","comment":" A [`:target`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Atarget)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"telugu","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"textAlign","comment":" Sets [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"textAlignLast","comment":" Sets [`text-align-last`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last).\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\n    property \"text-align-last\" \"auto\"\n\n    If this is annoying, please file an issue, so adding support for \"auto\"\n    can be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"textBottom","comment":" The `text-bottom` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign textBottom\n\n","type":"Css.VerticalAlign a b"},{"name":"textDecoration","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecoration underline\n\n    textDecoration2 underline wavy\n\n    textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine a -> Css.Style"},{"name":"textDecoration2","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecoration underline\n\n    textDecoration2 underline wavy\n\n    textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine compatibleA -> Css.TextDecorationStyle compatibleB -> Css.Style"},{"name":"textDecoration3","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecoration underline\n\n    textDecoration2 underline wavy\n\n    textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine compatibleA -> Css.TextDecorationStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textDecorationLine","comment":" Sets [`text-decoration-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line)\n\n    textDecorationLine underline\n\nYou can specify multiple line decorations with `textDecorationLines`.\n\n    textDecorationLines [ underline, overline ]\n\n","type":"Css.TextDecorationLine compatible -> Css.Style"},{"name":"textDecorationLines","comment":" Sets [`text-decoration-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line)\n\n    textDecorationLines [ underline, overline ]\n\n","type":"List.List (Css.TextDecorationLine compatible) -> Css.Style"},{"name":"textDecorationStyle","comment":" Sets [`text-decoration-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style)\n\n    textDecorationStyle dotted\n\n","type":"Css.TextDecorationStyle compatible -> Css.Style"},{"name":"textDecorations","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatible) -> Css.Style"},{"name":"textDecorations2","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatibleA) -> Css.TextDecorationStyle compatibleB -> Css.Style"},{"name":"textDecorations3","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n    textDecorations [ underline, overline ]\n\n    textDecorations2 [ underline, overline ] wavy\n\n    textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatibleA) -> Css.TextDecorationStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textEmphasisColor","comment":" Sets ['text-emphasis-color'](https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-color)\n\n     textEmphasisColor (rgb 100 100 100)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"textIndent","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n    textIndent (px 40)\n\n    textIndent2 (px 40) hanging\n\n    textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"textIndent2","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n    textIndent (px 40)\n\n    textIndent2 (px 40) hanging\n\n    textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatibleA unitsA -> Css.TextIndent compatibleB -> Css.Style"},{"name":"textIndent3","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n    textIndent (px 40)\n\n    textIndent2 (px 40) hanging\n\n    textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatibleA unitsA -> Css.TextIndent compatibleB -> Css.TextIndent compatibleC -> Css.Style"},{"name":"textOrientation","comment":" Sets [`text-orientation`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation).\n\n    text - orientation mixed\n\n","type":"Css.TextOrientation compatible -> Css.Style"},{"name":"textOverflow","comment":" Sets [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow).\n\n    textOverflow ellipsis\n\n","type":"Css.TextOverflow compatible -> Css.Style"},{"name":"textRendering","comment":" Sets [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering).\n","type":"Css.TextRendering a -> Css.Style"},{"name":"textShadow","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n    textShadow none\n\n    textShadow2 (px 1) (px 2)\n\n    textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.None compatible -> Css.Style"},{"name":"textShadow2","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n    textShadow none\n\n    textShadow2 (px 1) (px 2)\n\n    textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"textShadow3","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n    textShadow none\n\n    textShadow2 (px 1) (px 2)\n\n    textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textShadow4","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n    textShadow none\n\n    textShadow2 (px 1) (px 2)\n\n    textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n    textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.ColorValue compatibleD -> Css.Style"},{"name":"textTop","comment":" The `text-top` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n    verticalAlign textTop\n\n","type":"Css.VerticalAlign a b"},{"name":"textTransform","comment":" Sets [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform).\n","type":"Css.TextTransform compatible -> Css.Style"},{"name":"text_","comment":" ","type":"Css.Cursor {}"},{"name":"thai","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"thick","comment":" The\n[border width values](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nof `thin`, `medium`, and `thick` have unspecified behavior according to the\nCSS specification, and as such are intentionally unsupported.\n\nUsing them is a bad idea, but if the fate of the world depends on it, you can\nfall back on something like this:\n\n    css [ property \"border-left\" \"thick\" ]\n\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"thin","comment":" The\n[border width values](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nof `thin`, `medium`, and `thick` have unspecified behavior according to the\nCSS specification, and as such are intentionally unsupported.\n\nUsing them is a bad idea, but if the fate of the world depends on it, you can\nfall back on something like this:\n\n    css [ property \"border-left\" \"thin\" ]\n\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"titlingCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"toBottom","comment":" Sets the direction to [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toBottomLeft","comment":" Sets the direction to [`bottom left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toBottomRight","comment":" Sets the direction to [`bottom right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toLeft","comment":" Sets the direction to [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toRight","comment":" Sets the direction to [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTop","comment":" Sets the direction to [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTopLeft","comment":" Sets the direction to [`top left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTopRight","comment":" Sets the direction to [`top right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"top","comment":" The [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/top) property.\n\n    position absolute\n\n    top (px 5)\n\nThis can also be used as a `top` [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value:\n\n    verticalAlign top\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"touchAction","comment":" Sets [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n\ntouchAction (auto | none | panX | panLeft | panRight | panY | panUp | panDown | pinchZoom | manipulation | inherit | initial | unset)\n\n","type":"Css.TouchAction compatible -> Css.Style"},{"name":"transform","comment":" Sets [`transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nwith a single explicit transform value. If you need to set the transform\nproperty to `none`, use the `transforms` function with an empty list. See\n`transforms` for more details.\n\n    transform (scaleX 1.4)\n\n","type":"Css.Transform compatible -> Css.Style"},{"name":"transformBox","comment":" The [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox compatible -> Css.Style"},{"name":"transformStyle","comment":" The [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n","type":"Css.TransformStyle compatible -> Css.Style"},{"name":"transforms","comment":" Sets [`transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nwith a series of transform-functions. If an empty list is provided, the CSS\noutput will be `none`, as if to state directly that the set of transforms\napplied to the current selector is empty:\n\n    transforms [] -- transform: none;\n\nIn the case that only one transform is needed, the `transform` function may be\nused instead for convenience. `transform` expects exactly one transform-function\nand cannot be passed `none`:\n\n    transform (matrix 1 2 3 4 5 6) -- transform: matrix(1, 2, 3, 4, 5, 6);\n\nIf a collection of transforms is needed, use the `transforms` function with a\npopulated list:\n\n    transforms [ perspective 1, scale2 1 1.4 ]\n\n","type":"List.List (Css.Transform compatible) -> Css.Style"},{"name":"translate","comment":" The [`translate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.\n\n    transform (translate (px 100))\n\n    transform (translate2 (px 100) (pct -45))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translate2","comment":" The [`translate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.\n\n    transform (translate (px 100))\n\n    transform (translate2 (px 100) (pct -45))\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Transform {}"},{"name":"translate3d","comment":" The [`translateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.\n\n    transform (translate3d (px 100) (px 100) (px 100))\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Transform {}"},{"name":"translateX","comment":" The [`translateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.\n\n    transform (translateX (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translateY","comment":" The [`translateY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateY()) transform-function.\n\n    transform (translateY (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translateZ","comment":" The [`translateZ`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateZ()) transform-function.\n\n    transform (translateZ (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"transparent","comment":" A [`transparent`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#transparent_keyword) color.\n","type":"Css.ColorValue Css.NonMixable"},{"name":"true","comment":" `true` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"turn","comment":" [`turn`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#tr) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"underline","comment":" An [`underline`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"unicase","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"unset","comment":" The [`unset`](https://developer.mozilla.org/en-US/docs/Web/CSS/unset) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"upperAlpha","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"upperLatin","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"upperRoman","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"uppercase","comment":" `uppercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"url","comment":" The `url` [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) value.\n","type":"String.String -> Css.BackgroundImage {}"},{"name":"valid","comment":" A [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Avalid)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"vertical","comment":" The `vertical` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"verticalAlign","comment":" Sets [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"verticalText","comment":" ","type":"Css.Cursor {}"},{"name":"vh","comment":" [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n","type":"Basics.Float -> Css.Vh"},{"name":"viewBox","comment":" The `view-box` value for the [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox {}"},{"name":"visibility","comment":" ","type":"Css.Visibility compatible -> Css.Style"},{"name":"visible","comment":" This can represent:\na `visible` [`visibility`](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values),\na `visible` [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values), or\na `visible` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n","type":"{ value : String.String, overflow : Css.Compatible, visibility : Css.Compatible, pointerEvents : Css.Compatible }"},{"name":"visibleFill","comment":" A `visibleFill` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n\n    pointer-events: visibleFill\n\n","type":"Css.PointerEvents {}"},{"name":"visiblePainted","comment":" A `visiblePainted` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n\n    pointer-events: visiblePainted\n\n","type":"Css.PointerEvents {}"},{"name":"visibleStroke","comment":" A `visibleStroke` [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) value.\n\n    pointer-events: visibleStroke\n\n","type":"Css.PointerEvents {}"},{"name":"visited","comment":" An [`:visited`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Avisited)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"vmax","comment":" [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n","type":"Basics.Float -> Css.Vmax"},{"name":"vmin","comment":" [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n","type":"Basics.Float -> Css.Vmin"},{"name":"vw","comment":" [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n","type":"Basics.Float -> Css.Vw"},{"name":"wResize","comment":" ","type":"Css.Cursor {}"},{"name":"wait","comment":" ","type":"Css.Cursor {}"},{"name":"wavy","comment":" A `wavy` [text decoration style](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style#Values).\n","type":"Css.TextDecorationStyle {}"},{"name":"whiteSpace","comment":" ","type":"Css.WhiteSpace compatible -> Css.Style"},{"name":"width","comment":" Sets [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\n\n    width (px 960)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"wrap","comment":" The[`wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap#Values) value for the\nflex-wrap property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexWrap {})"},{"name":"wrapReverse","comment":" The[`wrap-reverse`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap#Values) value for the\nflex-wrap property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexWrap {})"},{"name":"xLarge","comment":" ","type":"Css.FontSize {}"},{"name":"xSmall","comment":" ","type":"Css.FontSize {}"},{"name":"xxLarge","comment":" ","type":"Css.FontSize {}"},{"name":"xxSmall","comment":" ","type":"Css.FontSize {}"},{"name":"zIndex","comment":" Sets [`z-index`](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)\n\n    zIndex (int 2)\n\nSee <http://package.elm-lang.org/packages/rtfeldman/count/latest> for a useful library\nto manage z-index values.\n\n","type":"Css.IntOrAuto compatible -> Css.Style"},{"name":"zero","comment":" Convenience length value that compiles to 0 with no units.\n\n    css [ padding zero ]\n\n...compiles to:\n\n    padding: 0;\n\n","type":"{ value : String.String, length : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, number : Css.Compatible, outline : Css.Compatible, units : Css.UnitlessInteger, unitLabel : String.String, numericValue : Basics.Float, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"zoomIn","comment":" ","type":"Css.Cursor {}"},{"name":"zoomOut","comment":" ","type":"Css.Cursor {}"}],"binops":[]},{"name":"Css.Animations","comment":"\n\n\n# Animations\n\n@docs Property, keyframes, Keyframes\n\n\n# Animatable Properties\n\nAs [MDN explains](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties), only certain CSS properties are animatable.\n\nSome of the animatable properties (except for experimental properties, or properties with browser prefixes) are listed here. Many of them share a name and similar type with `Style` equivalents in the `Css` module, but they are different in that unlike `Style`s, animatable properties [are not compatible with `!important`](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes#!important_in_a_keyframe) or various selectors or media queries.\n\n**NOTE:** We're looking to expand this list, but only on the `phantom-types` branch! See <https://github.com/rtfeldman/elm-css/issues/392>\n\n@docs opacity, transform, all, backgroundSize, backgroundSize2, border, property, backgroundColor, border2, border3, borderBottom, borderBottom2, borderBottom3, custom\n\n","unions":[],"aliases":[{"name":"Keyframes","comment":" ","args":["compatible"],"type":"{ compatible | keyframes : Css.Structure.Compatible, none : Css.Structure.Compatible, value : String.String }"},{"name":"Property","comment":" An [animatable property](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties).\n\nMany of these share a name and similar type with `Style` equivalents in the `Css` module, but they are different in that unlike `Style`s, animatable properties [are not compatible with `!important`](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes#!important_in_a_keyframe) or various selectors or media queries.\n\nIf you need to use an experimental or vendor-prefixed animatable property, see [`custom`](#custom).\n\n","args":[],"type":"Css.Internal.AnimationProperty"}],"values":[{"name":"all","comment":" ","type":"{ compatible | value : String.String, all : Css.Structure.Compatible } -> Css.Animations.Property"},{"name":"backgroundColor","comment":" ","type":"{ compatible | value : String.String, color : Css.Structure.Compatible } -> Css.Animations.Property"},{"name":"backgroundSize","comment":" ","type":"Css.Internal.LengthOrAutoOrCoverOrContain compatible -> Css.Animations.Property"},{"name":"backgroundSize2","comment":" ","type":"Css.Internal.LengthOrAutoOrCoverOrContain compatible -> Css.Internal.LengthOrAutoOrCoverOrContain compatible -> Css.Animations.Property"},{"name":"border","comment":" ","type":"Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"border2","comment":" ","type":"Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"border3","comment":" ","type":"Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"borderBottom","comment":" ","type":"Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"borderBottom2","comment":" ","type":"Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"borderBottom3","comment":" ","type":"Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Internal.Length compatible units -> Css.Animations.Property"},{"name":"custom","comment":" Create a custom animatable property with the given name and value. You can use this to define vendor-prefixed or experimental properties.\n\n    custom \"-moz-outline-radius\" \"25px\"\n\n**WARNING:** Some properties are not exposed in this module because they\nare not animatable! This means browsers will refuse to animate them even if you pass them to this function.\n\nMDN has [a list of the animatable properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties).\n\n","type":"String.String -> String.String -> Css.Animations.Property"},{"name":"keyframes","comment":" Specify a list of ( percentage, properties) tuples to use for\nanimation keyframes.\n\nPass the result to [`Css.animationName`](Css#animationName)!\n\n`keyframes []` is equivalent to `none`.\n\n","type":"List.List ( Basics.Int, List.List Css.Animations.Property ) -> Css.Animations.Keyframes {}"},{"name":"opacity","comment":" ","type":"{ compatible | value : String.String, number : Css.Structure.Compatible } -> Css.Animations.Property"},{"name":"property","comment":" Define a custom animatable property.\n\n    css [ animationName (keyframes [ ( 5, [ property \"backdrop-filter\" \"blur(3px)\" ] ) ]) ]\n\n...outputs\n\n    @keyframes _cf0d1b {\n        5% {\n            backdrop-filter:blur(3px);\n        }\n    }\n\n    ...\n\n    animation-name: _cf0d1b\n\n","type":"String.String -> String.String -> Css.Animations.Property"},{"name":"transform","comment":" ","type":"List.List { compatible | value : String.String, transform : Css.Structure.Compatible } -> Css.Animations.Property"}],"binops":[]},{"name":"Css.Global","comment":" Apply global CSS to things like foreign DOM structures (e.g. generated\nfrom markdown) where you cannot add attributes.\n\nThis module relies on CSS selectors which are [globally scoped and\nbad for maintainability](https://medium.com/seek-blog/the-end-of-global-css-90d2a4a06284),\nso definitely avoid using this module except when there is no reasonable way\ndo to it using `Style` instead!\n\n\n# Global Styles\n\n@docs global, Snippet\n\n\n# Statements\n\n@docs class, id, selector, everything, media, mediaQuery\n\n\n# Combinators\n\n@docs children, descendants, adjacentSiblings, generalSiblings, each, withAttribute, withClass\n\n\n# Basic elements\n\n@docs typeSelector, html, body\n\n\n# Content sectioning\n\n@docs article, header, footer, h1, h2, h3, h4, h5, h6, nav, menu, section, aside, time, details, summary\n\n\n# Text content\n\n@docs div, hr, li, main_, ol, p, ul, pre, dl, dt, dd, blockquote\n\n\n# Inline text semantics\n\n@docs a, code, small, span, strong, i, em, q\n\n\n# Image and multimedia\n\n@docs img, audio, video, canvas\n\n\n# Table content\n\n@docs caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr\n\n\n# Forms\n\n@docs button, fieldset, form, input, label, legend, optgroup, option, progress, select, textarea\n\n\n# SVG\n\n@docs svg, path, rect, circle, ellipse, line, polyline, polygon\n\n","unions":[],"aliases":[{"name":"Snippet","comment":" ","args":[],"type":"Css.Preprocess.Snippet"}],"values":[{"name":"a","comment":" Selector for an `<a>` element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"adjacentSiblings","comment":" Apply styles in a list of snippets to the adjacent siblings of a selector\n\n    typeSelector \"div\"\n        [ adjacentSiblings\n            [ typeSelector \"p\"\n                [ fontSize (px 14)\n                ]\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv + p {\n    font-size: 14px;\n}\n```\n\n","type":"List.List Css.Global.Snippet -> Css.Preprocess.Style"},{"name":"article","comment":" Selector for an article element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"aside","comment":" Selector for a [aside](https://developer.mozilla.org/en/docs/Web/HTML/Element/aside) element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"audio","comment":" Selector for an audio element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"blockquote","comment":" Selector for a blockquote element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"body","comment":" Selector for a body element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"button","comment":" Selector for a button element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"canvas","comment":" Selector for a canvas element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"caption","comment":" Selector for a caption element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"children","comment":" Apply styles in a list of snippets to the direct children of a selector\n\n    typeSelector \"div\"\n        [ children\n            [ typeSelector \"p\"\n                [ fontSize (px 14)\n                ]\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv > p {\n    font-size: 14px;\n}\n```\n\n","type":"List.List Css.Global.Snippet -> Css.Preprocess.Style"},{"name":"circle","comment":" Selector for a circle element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"class","comment":" A [class selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors).\n\n    global\n        [ class \"login-form-button\"\n            [ fontWeight normal\n            , color (rgb 128 64 32)\n            ]\n        ]\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"code","comment":" Selector for a code element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"col","comment":" Selector for a col element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"colgroup","comment":" Selector for a colgroup element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"dd","comment":" Selector for a dd element.\n\n    <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd>\n\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"descendants","comment":" Apply styles in a list of snippets to the descendants of a selector\n\n    typeSelector \"div\"\n        [ descendants\n            [ typeSelector \"p\"\n                [ fontSize (px 14)\n                ]\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv p {\n    font-size: 14px;\n}\n```\n\n","type":"List.List Css.Global.Snippet -> Css.Preprocess.Style"},{"name":"details","comment":" Selector for a details element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"div","comment":" Selector for a div element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"dl","comment":" Selector for a dl element.\n\n    <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl>\n\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"dt","comment":" Selector for a dt element.\n\n    <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt>\n\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"each","comment":" Apply a list of styles to multiple selectors\n\n    each [ typeSelector \"div\", typeSelector \"p\" ]\n        [ fontSize (px 14)\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv {\n    font-size: 14px;\n}\n\np {\n    font-size: 14px;\n}\n```\n\n","type":"List.List (List.List Css.Preprocess.Style -> Css.Global.Snippet) -> List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"ellipse","comment":" Selector for a ellipse element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"em","comment":" Selector for a em element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"everything","comment":" A [`*` selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors).\n\n    class \"Foo\"\n        [ children\n            [ everything\n                [ color (rgb 14 15 16)\n                , borderRadius (px 5)\n                ]\n            ]\n        ]\n\n...compiles to:\n\n    .Foo > * {\n      color: rgb(14, 15, 16);\n      border-radius: 5px;\n    }\n\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"fieldset","comment":" Selector for a fieldset element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"footer","comment":" Selector for a footer element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"form","comment":" Selector for a form element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"generalSiblings","comment":" Apply styles in a list of snippets to the general siblings of a selector\n\n    typeSelector \"div\"\n        [ generalSiblings\n            [ typeSelector \"p\"\n                [ fontSize (px 14)\n                ]\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv ~ p {\n    font-size: 14px;\n}\n```\n\n","type":"List.List Css.Global.Snippet -> Css.Preprocess.Style"},{"name":"global","comment":" Add global styles to the page. This compiles directly to a `<style>` element.\n","type":"List.List Css.Global.Snippet -> Html.Styled.Html msg"},{"name":"h1","comment":" Selector for an h1 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"h2","comment":" Selector for an h2 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"h3","comment":" Selector for an h3 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"h4","comment":" Selector for an h4 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"h5","comment":" Selector for an h5 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"h6","comment":" Selector for an h6 element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"header","comment":" Selector for a header element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"hr","comment":" Selector for an hr element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"html","comment":" Selector for a html element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"i","comment":" Selector for a i element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"id","comment":" An [id selector](https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors).\n\n    global\n        [ id \"nav-bar\"\n            [ width 960 px\n            , backgroundColor (rgb 123 42 208)\n            ]\n        ]\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"img","comment":" Selector for a img element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"input","comment":" Selector for an input element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"label","comment":" Selector for a label element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"legend","comment":" Selector for a legend element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"li","comment":" Selector for an li element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"line","comment":" Selector for a line element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"main_","comment":" Selector for a main element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"media","comment":" Combines media queries into a `@media` rule.\n\n    global\n        [ media [ only screen [ Media.minWidth (px 300) ] ]\n            [ footer [ Css.maxWidth (px 300) ] ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 300px) {\n    footer {\n        max-width: 300px;\n    }\n}\n```\n\n","type":"List.List Css.Media.MediaQuery -> List.List Css.Global.Snippet -> Css.Global.Snippet"},{"name":"mediaQuery","comment":" Manually specify a `@media` rule using a List of strings.\n\n    mediaQuery [ \"screen and (min-width: 320px)\", \"screen and (max-height: 400px)\" ]\n        [ body [ fontSize (px 14) ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 320px), screen and (max-height: 400px) {\n    body {\n        font-size: 14px;\n    }\n}\n```\n\n","type":"List.List String.String -> List.List Css.Global.Snippet -> Css.Global.Snippet"},{"name":"menu","comment":" Selector for a [menu](https://developer.mozilla.org/en/docs/Web/HTML/Element/menu) element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"nav","comment":" Selector for a nav element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"ol","comment":" Selector for an ol element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"optgroup","comment":" Selector for an optgroup element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"option","comment":" Selector for an option element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"p","comment":" Selector for a p element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"path","comment":" Selector for a path element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"polygon","comment":" Selector for a polygon element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"polyline","comment":" Selector for a polyline element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"pre","comment":" Selector for a pre element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"progress","comment":" Selector for a progress element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"q","comment":" Selector for a [q](https://developer.mozilla.org/en/docs/Web/HTML/Element/q) element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"rect","comment":" Selector for a rect element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"section","comment":" Selector for a section element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"select","comment":" Selector for a select element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"selector","comment":" A custom selector. Use this for things like\n[attribute selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors)\nand [universal selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors).\n\n    global\n        [ selector \"* [lang^=en]\"\n            [ textDecoration underline\n            , color (rgb 7 7 7)\n            ]\n        ]\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"small","comment":" Selector for a small element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"span","comment":" Selector for a span element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"strong","comment":" Selector for a strong element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"summary","comment":" Selector for a summary element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"svg","comment":" Selector for a svg element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"table","comment":" Selector for a table element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"tbody","comment":" Selector for a tbody element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"td","comment":" Selector for a td element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"textarea","comment":" Selector for a textarea element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"tfoot","comment":" Selector for a tfoot element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"th","comment":" Selector for a th element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"thead","comment":" Selector for a thead element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"time","comment":" Selector for a [time](https://developer.mozilla.org/en/docs/Web/HTML/Element/time) element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"tr","comment":" Selector for a tr element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"typeSelector","comment":" Define a custom element.\n\n    global\n        [ typeSelector \"aside\" [ display block ]\n        ]\n\n...outputs\n\n    aside {\n        display: block;\n    }\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"ul","comment":" Selector for a ul element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"video","comment":" Selector for a video element.\n","type":"List.List Css.Preprocess.Style -> Css.Global.Snippet"},{"name":"withAttribute","comment":" Apply styles to the current selector plus an attribute selector\n\n    typeSelector \"div\"\n        [ fontSize (px 14)\n        , withAttribute \"data-some-attribute\"\n            [ display none\n            ]\n        , withAttribute \"data-hello=world\"\n            [ color red\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv {\n    font-size: 14px;\n}\n\ndiv[data-some-attribute] {\n    display: none;\n}\n\ndiv[data-hello=world] {\n    color: red;\n}\n```\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Preprocess.Style"},{"name":"withClass","comment":" Apply styles to the current selector plus an additional class\n\n    typeSelector \"div\"\n        [ fontSize (px 14)\n        , withClass \"is-bold\"\n            [ fontWeight bold\n            ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\ndiv {\n    font-size: 14px;\n}\n\ndiv.is-bold {\n    font-weight: bold;\n}\n```\n\n","type":"String.String -> List.List Css.Preprocess.Style -> Css.Preprocess.Style"}],"binops":[]},{"name":"Css.Media","comment":" Functions for building [`@media` queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries).\n\n\n# Data Structures\n\n@docs MediaQuery, MediaType, Expression\n\n\n# `@media` rule constructors\n\n@docs withMedia, withMediaQuery\n\n\n# Query constructors\n\n@docs all, only, not\n\n\n# Media Types\n\n@docs screen, print, speech\n\n\n# Viewport, Page Dimensions Media Features\n\n@docs minWidth, width, maxWidth, minHeight, height, maxHeight, Ratio, ratio\n@docs minAspectRatio, aspectRatio, maxAspectRatio, Landscape, Portrait\n@docs landscape, portrait, orientation\n\n\n# Display Quality Media Features\n\n@docs Resolution, dpi, dpcm, dppx, minResolution, resolution, maxResolution\n@docs Progressive, Interlace, progressive, interlace, scan, grid, Slow\n@docs Fast, slow, fast, update, Paged, OptionalPaged, paged, optionalPaged\n@docs overflowBlock, overflowInline\n\n\n# Color Media Features\n\n@docs Bits, bits, minColor, color, maxColor, minMonochrome, monochrome\n@docs maxMonochrome, minColorIndex, colorIndex, maxColorIndex, SRGB, P3\n@docs Rec2020, srgb, p3, rec2020, colorGamut\n\n\n# Interaction Media Features\n\n@docs Fine, Coarse, fine, coarse, pointer, anyPointer, CanHover, canHover\n@docs hover, anyHover\n\n\n# Scripting Media Features\n\n@docs InitialOnly, Enabled, initialOnly, enabled, scripting\n\n","unions":[],"aliases":[{"name":"Bits","comment":" ","args":[],"type":"{ value : String.String, bits : Css.Structure.Compatible }"},{"name":"CanHover","comment":" ","args":[],"type":"{ value : String.String, hoverCapability : Css.Structure.Compatible }"},{"name":"Coarse","comment":" ","args":[],"type":"{ value : String.String, pointerDevice : Css.Structure.Compatible }"},{"name":"Enabled","comment":" ","args":[],"type":"{ value : String.String, scriptingSupport : Css.Structure.Compatible }"},{"name":"Expression","comment":" A media expression.\n\nAn expression is a [media feature](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features) with an optional value, which resolves to\neither true or false.\n\nIn the media query `screen and (min-width: 768px)`,\n\n  - `screen` is a media type,\n  - `min-width` is a media feature, and\n  - `(min-width: 768px)` is an expression.\n\n","args":[],"type":"Css.Structure.MediaExpression"},{"name":"Fast","comment":" ","args":[],"type":"{ value : String.String, updateFrequency : Css.Structure.Compatible }"},{"name":"Fine","comment":" ","args":[],"type":"{ value : String.String, pointerDevice : Css.Structure.Compatible }"},{"name":"InitialOnly","comment":" ","args":[],"type":"{ value : String.String, scriptingSupport : Css.Structure.Compatible }"},{"name":"Interlace","comment":" ","args":[],"type":"{ value : String.String, scanningProcess : Css.Structure.Compatible }"},{"name":"Landscape","comment":" ","args":[],"type":"{ value : String.String, orientation : Css.Structure.Compatible }"},{"name":"MediaQuery","comment":" One query of a media rule. A media rule can have multiple queries.\nThe CSS below contains 1 rule, with 2 queries.\n\n```css\n@media print, screen and (monochrome) {\n    body {\n        color: black;\n    }\n}\n```\n\nThe above rule roughly translates as:\n_If the device is a printer or is a monochrome screen, the body color is black._\n\nIn elm-css, queries are joined into rules using a special `MediaQuery`\nreturned by the `or` function.\n\n","args":[],"type":"Css.Structure.MediaQuery"},{"name":"MediaType","comment":" A [media type](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_types).\n","args":[],"type":"Css.Structure.MediaType"},{"name":"OptionalPaged","comment":" ","args":[],"type":"{ value : String.String, blockAxisOverflow : Css.Structure.Compatible }"},{"name":"P3","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Paged","comment":" ","args":[],"type":"{ value : String.String, blockAxisOverflow : Css.Structure.Compatible }"},{"name":"Portrait","comment":" ","args":[],"type":"{ value : String.String, orientation : Css.Structure.Compatible }"},{"name":"Progressive","comment":" ","args":[],"type":"{ value : String.String, scanningProcess : Css.Structure.Compatible }"},{"name":"Ratio","comment":" ","args":[],"type":"{ value : String.String, ratio : Css.Structure.Compatible }"},{"name":"Rec2020","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Resolution","comment":" Display Resolution. <https://www.w3.org/TR/css3-values/#resolution-value>\n","args":[],"type":"{ value : String.String, resolution : Css.Structure.Compatible }"},{"name":"SRGB","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Slow","comment":" ","args":[],"type":"{ value : String.String, updateFrequency : Css.Structure.Compatible }"}],"values":[{"name":"all","comment":" Build a media query that will match all media types.\n\nThe supplied `expressions` are combined with `and`.\n\n    media [ all [ color, landscape ] ]\n        [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media (color) and (landscape) {\n    body {\n        color: #ff0000;\n    }\n}\n```\n\n","type":"List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"anyHover","comment":" Media feature [`any-hover`](https://drafts.csswg.org/mediaqueries/#any-input)\nQueries the if any of user agent's input mechanisms have the ability to hover over elements\nAccepts `none` or `canHover`.\n\n    media (anyHover canHover) [ a [ Css.hover [ textDecoration underline ] ] ]\n\n","type":"Css.Media.HoverCapability a -> Css.Media.Expression"},{"name":"anyPointer","comment":" Media feature [`any-pointer`](https://drafts.csswg.org/mediaqueries/#any-input)\nQueries the presence and accuracy of a pointing device, such as a mouse, touchscreen, or Wii remote.\nReflects the capabilities of the most capable input mechanism.\nAccepts `none`, `fine`, and `coarse`.\n\n    media (anyPointer coarse) [ a [ display block, Css.height (px 24) ] ]\n\n","type":"Css.Media.PointerDevice a -> Css.Media.Expression"},{"name":"aspectRatio","comment":" Media feature [`aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n    media (aspectRatio (ratio 16 10)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"bits","comment":" Get a bumber of bits\n\n    bits 8\n\n","type":"Basics.Int -> Css.Media.Bits"},{"name":"canHover","comment":" The value [`hover`](https://drafts.csswg.org/mediaqueries/#valdef-media-hover-hover).\nNamed `canHover` to avoid conflict with the media feature of the same name\n","type":"Css.Media.CanHover"},{"name":"coarse","comment":" CSS Value [`coarse`](https://drafts.csswg.org/mediaqueries/#valdef-media-pointer-coarse)\n","type":"Css.Media.Coarse"},{"name":"color","comment":" Media feature [`color`](https://drafts.csswg.org/mediaqueries/#color)\n\n    media (not color) [ body [ Css.color (hex \"000000\") ] ]\n\n","type":"Css.Media.Expression"},{"name":"colorGamut","comment":" Media feature [`color-gamut`](https://drafts.csswg.org/mediaqueries/#color-gamut).\nDescribes the approximate range of colors supported by the user agent and device.\n\n    media (and screen (colorGamut rec2020)) [ Css.class HiColorImg [ display block ] ]\n\n","type":"Css.Media.ColorGamut a -> Css.Media.Expression"},{"name":"colorIndex","comment":" Media feature [`color-index`](https://drafts.csswg.org/mediaqueries/#color-index)\nQueries the number of colors in the user agent's color lookup table.\n\n    media (and screen (colorIndex (int 16777216))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"dpcm","comment":" `dpcm`: Dots per centimeter. <https://www.w3.org/TR/css3-values/#resolution-value>\n\n    dpcm 65\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"dpi","comment":" `dpi`: Dots per inch. <https://www.w3.org/TR/css3-values/#resolution-value>\n\n    dpi 166\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"dppx","comment":" `dppx`: Dots per pixel. <https://www.w3.org/TR/css3-values/#resolution-value>\n\n    dppx 1.5\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"enabled","comment":" CSS value [`enabled`](https://drafts.csswg.org/mediaqueries/#valdef-media-scripting-enabled).\n","type":"Css.Media.Enabled"},{"name":"fast","comment":" CSS value [`fast`](https://drafts.csswg.org/mediaqueries/#valdef-media-update-fast)\n","type":"Css.Media.Fast"},{"name":"fine","comment":" CSS Value [`fine`](https://drafts.csswg.org/mediaqueries/#valdef-media-pointer-fine)\n","type":"Css.Media.Fine"},{"name":"grid","comment":" Media feature [`grid`](https://drafts.csswg.org/mediaqueries/#grid).\nQueries whether the output device is a grid or bitmap.\n","type":"Css.Media.Expression"},{"name":"height","comment":" Media feature [`height`](https://drafts.csswg.org/mediaqueries/#height)\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"hover","comment":" Media feature [`hover`](https://drafts.csswg.org/mediaqueries/#hover).\nQueries the if the user agent's primary input mechanism has the ability to hover over elements.\nAccepts `none` or `canHover`.\n\n    media (Media.hover canHover) [ a [ Css.hover [ textDecoration underline ] ] ]\n\n","type":"Css.Media.HoverCapability a -> Css.Media.Expression"},{"name":"initialOnly","comment":" CSS value [`initial-only`](https://drafts.csswg.org/mediaqueries/#valdef-media-scripting-initial-only).\n","type":"Css.Media.InitialOnly"},{"name":"interlace","comment":" CSS value [`interlace`](https://drafts.csswg.org/mediaqueries/#valdef-media-scan-interlace)\n","type":"Css.Media.Interlace"},{"name":"landscape","comment":" CSS value [`landscape`](https://drafts.csswg.org/mediaqueries/#valdef-media-orientation-portrait)\n","type":"Css.Media.Landscape"},{"name":"maxAspectRatio","comment":" Media feature [`max-aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n    media (maxAspectRatio (ratio 16 9)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"maxColor","comment":" Media feature [`max-color`](https://drafts.csswg.org/mediaqueries/#color)\nQueries the user agent's bits per color channel\n\n    media (and screen (maxColor (bits 8))) [ a [ Css.color (hex \"FF0000\") ] ]\n\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"maxColorIndex","comment":" Media feature [`max-color-index`](https://drafts.csswg.org/mediaqueries/#color-index).\nQueries the number of colors in the user agent's color lookup table.\n\n    media (and screen (maxColorIndex (int 256))) [ a [ Css.color (hex \"FF0000\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"maxHeight","comment":" Media feature [`max-height`](https://drafts.csswg.org/mediaqueries/#height)\n\n    media (Media.maxHeight (px 399)) [ Css.class TopBanner [ display none ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"maxMonochrome","comment":" Media feature [`max-monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"maxResolution","comment":" Media feature [`max-resolution`](https://drafts.csswg.org/mediaqueries/#resolution)\nDescribes the resolution of the output device.\n\n    media (maxResolution (dpcm 65)) [ Css.class HiResImg [ display none ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"maxWidth","comment":" Media feature [`max-width`](https://drafts.csswg.org/mediaqueries/#width)\n\n    media (Media.maxWidth (px 800)) [ Css.class MobileNav [ display none ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"minAspectRatio","comment":" Media feature [`min-aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n    media (minAspectRatio (ratio 1 1)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"minColor","comment":" Media Feature [`min-nncolor`](https://drafts.csswg.org/mediaqueries/#color)\nQueries the user agent's bits per color channel\n\n    media (screen (minColor (bits 256))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"minColorIndex","comment":" Media Feature [`min-color-index`](https://drafts.csswg.org/mediaqueries/nn#color-index)\nQueries the number of colors in the user agent's color lookup table.\n\n    media (and screen (minColorIndex (int 16777216))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"minHeight","comment":" Media feature [`min-height`](https://drafts.csswg.org/mediaqueries/#height)\n\n    media (Media.minHeight (px 400)) [ Css.class TopBanner [ display block ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"minMonochrome","comment":" Media Feature [`min-monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"minResolution","comment":" Media feature [`min-resolution`](https://drafts.csswg.org/mediaqueries/#resolution).\nDescribes the resolution of the output device.\n\n    media (minResolution (dpi 600)) [ Css.class HiResImg [ display block ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"minWidth","comment":" Media feature [`min-width`](https://drafts.csswg.org/mediaqueries/#width)\nQueries the width of the output device.\n\n    media (Media.minWidth (px 600)) [ Css.class Container [ Css.maxWidth (px 500) ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"monochrome","comment":" Media feature [`monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n\n    media [ monochrome ] [ body [ Css.color (hex \"000000\") ] ]\n\n","type":"Css.Media.Expression"},{"name":"not","comment":" Build a negated media query.\n\n    media [ not screen [] ]\n        [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media not screen {\n    body {\n        color: #ff0000;\n    }\n}\n```\n\n","type":"Css.Media.MediaType -> List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"only","comment":" Build a media query matching a single media type.\n\n    media [ only screen [ minWidth (px 320), portrait ] ]\n        [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media only screen and (min-width: 320px) and (portrait) {\n    body {\n        color: #ff0000;\n    }\n}\n```\n\n","type":"Css.Media.MediaType -> List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"optionalPaged","comment":" CSS value [`optional-paged`](https://drafts.csswg.org/mediaqueries/#valdef-media-overflow-block-optional-paged)\n","type":"Css.Media.OptionalPaged"},{"name":"orientation","comment":" Media feature [`orientation`](https://drafts.csswg.org/mediaqueries/#orientation).\nAccepts `portrait` or `landscape`.\n","type":"Css.Media.Orientation a -> Css.Media.Expression"},{"name":"overflowBlock","comment":" Media feature [`overflow-block`](https://drafts.csswg.org/mediaqueries/#overflow-block)\nDescribes the behavior of the device when content overflows the initial containing block in the block axis.\n","type":"Css.Media.BlockAxisOverflow a -> Css.Media.Expression"},{"name":"overflowInline","comment":" Media feature [`overflow-inline`](https://drafts.csswg.org/mediaqueries/#overflow-inline).\nDescribes the behavior of the device when content overflows the initial containing block in the inline axis.\n","type":"Css.Media.InlineAxisOverflow a -> Css.Media.Expression"},{"name":"p3","comment":" CSS value [`p3`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-p3)\n","type":"Css.Media.P3"},{"name":"paged","comment":" CSS value [`paged`](https://drafts.csswg.org/mediaqueries/#valdef-media-overflow-block-paged)\n","type":"Css.Media.Paged"},{"name":"pointer","comment":" Media feature [`pointer`](https://drafts.csswg.org/mediaqueries/#pointer)\nQueries the presence and accuracy of a pointing device, such as a mouse, touchscreen, or Wii remote.\nReflects the capabilities of the primary input mechanism.\nAccepts `none`, `fine`, and `coarse`.\n\n    media (Media.pointer coarse) [ a [ display block, Css.height (px 24) ] ]\n\n","type":"Css.Media.PointerDevice a -> Css.Media.Expression"},{"name":"portrait","comment":" CSS value [`portrait`](https://drafts.csswg.org/mediaqueries/#valdef-media-orientation-portrait)\n","type":"Css.Media.Portrait"},{"name":"print","comment":" Media type for printers\n\n    media print [ a [ color (hex 0), textDecoration none ] ]\n\n","type":"Css.Media.MediaType"},{"name":"progressive","comment":" CSS value [`progressive`](https://drafts.csswg.org/mediaqueries/#valdef-media-scan-progressive)\n","type":"Css.Media.Progressive"},{"name":"ratio","comment":" Create a ratio.\n\n    --a ratio of 4/3\n    ratio 4 3\n\n","type":"Basics.Int -> Basics.Int -> Css.Media.Ratio"},{"name":"rec2020","comment":" CSS value [`rec2020`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-rec2020)\n","type":"Css.Media.Rec2020"},{"name":"resolution","comment":" Media feature [`resolution`](https://drafts.csswg.org/mediaqueries/#resolution)\nDescribes the resolution of the output device.\n\n    media (resolution (dppx 2)) [ img [ width (pct 50) ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"scan","comment":" Media feature [`scan`](https://drafts.csswg.org/mediaqueries/#scan).\nQueries scanning process of the device. Accepts `innterlace` (some TVs) or `progressive` (most things).\n","type":"Css.Media.ScanningProcess a -> Css.Media.Expression"},{"name":"screen","comment":" Media type for any device not matched by print or speech.\n\n    media (and screen (maxWidth (px 600)) [ Css.class mobileNav display none ]\n\n","type":"Css.Media.MediaType"},{"name":"scripting","comment":" The [`scripting`](https://drafts.csswg.org/mediaqueries/#scripting) media feature\nfor querying the user agents support for scripting languages like JavaScript.\nAccepts `none`, `initialOnly`, and `enabled`.\n\n    media (scripting none) [ Css.class NoScript [ display block ] ]\n\n","type":"Css.Media.ScriptingSupport a -> Css.Media.Expression"},{"name":"slow","comment":" CSS value [`slow`](https://drafts.csswg.org/mediaqueries/#valdef-media-update-slow)\n","type":"Css.Media.Slow"},{"name":"speech","comment":" Media type for screenreaders and similar devices that read out a page\n\n    media (not speech) [ Css.class screenReaderOnly [ display none ] ]\n\n","type":"Css.Media.MediaType"},{"name":"srgb","comment":" CSS value [`srgb`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-srgb)\n","type":"Css.Media.SRGB"},{"name":"update","comment":" Media feature [`update`](https://drafts.csswg.org/mediaqueries/#update)\nThe update frequency of the device. Accepts `none`, `slow`, or `fast`\n","type":"Css.Media.UpdateFrequency a -> Css.Media.Expression"},{"name":"width","comment":" Media feature [`width`](https://drafts.csswg.org/mediaqueries/#width)\n\n    media (Media.width (px 200)) [ ... ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"withMedia","comment":" Combines media queries that are nested under selectors into a `@media` rule.\n\n    css\n        [ withMedia [ only screen [ Media.minWidth (px 300), Media.maxWidth (px 800) ] ]\n            [ Css.maxWidth (px 300) ]\n\nThe above code translates into the following CSS.\n\n```css\n@media only screen and (min-width: 300px) and (max-width: 800px) {\n    ._c9f0fd {\n        max-width: 300px;\n    }\n}\n```\n\n","type":"List.List Css.Media.MediaQuery -> List.List Css.Style -> Css.Style"},{"name":"withMediaQuery","comment":" Manually specify a `@media` rule that is nested under an element or class\nusing a List of strings.\n\n    body\n        [ withMediaQuery [ \"screen and (min-width: 320px)\", \"screen and (max-height: 400px)\" ]\n            [ fontSize (px 14 px) ]\n        ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 320px), screen and (max-height: 400px) {\n    body {\n        font-size: 14px;\n    }\n}\n```\n\n","type":"List.List String.String -> List.List Css.Style -> Css.Style"}],"binops":[]},{"name":"Css.Transitions","comment":" Define [CSS transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions).\n\n    import Css exposing (..)\n    import Css.Transitions exposing (easeInOut, transition)\n    import Html\n    import Html.Styled exposing (..)\n    import Html.Styled.Attributes exposing (css)\n\n    {-| In this case we are specifying a transition such that:\n\n      - When the backgroundColor changes will interpolate between the current value and\n        the new value over 1000 milliseconds with no delay and a default (ease) easing function\n      - When the transform changes will interpolate between the current value and the\n        new value over 500 milliseconds with no delay and an easeInOut easing function\n\n    We are then using the `hover` function to specify that the backgroundColor and transform change on hover\n\n    -}\n    primaryButton =\n        styled button\n            [ backgroundColor (rgb 241 241 241)\n            , transform (scaleX 1)\n            , hover\n                [ backgroundColor (rgb 220 220 220)\n                , transform (scaleX 1.2)\n                ]\n            , transition\n                [ Css.Transitions.backgroundColor 1000\n                , Css.Transitions.transform3 500 0 easeInOut\n                ]\n            ]\n\n\n# Transition\n\n@docs Transition, transition\n\n\n# Timing functions\n\nThese functions are used to specify the [CSS timing function](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function)\nwhich describes how the animation speeds up or slows down over time.\n\n@docs ease, linear, easeIn, easeOut, easeInOut, stepStart, stepEnd, cubicBezier\n\n\n# Properties\n\nThese functions are used to create a transition, generally they come in three flavours, allowing you to specify:\n\n  - Duration, delay and timing function\n  - Duration and delay with default timing function (ease)\n  - Just duration (default timing function and no delay)\n\nAn example of this would be the [`background3`](#background3), [`background2`](#background2) and [`background`](#background) functions\n\n@docs background, background2, background3, backgroundColor, backgroundColor2, backgroundColor3, backgroundPosition, backgroundPosition2, backgroundPosition3, backgroundSize, backgroundSize2, backgroundSize3, border, border2, border3, borderBottom, borderBottom2, borderBottom3, borderBottomColor, borderBottomColor2, borderBottomColor3, borderBottomLeftRadius, borderBottomLeftRadius2, borderBottomLeftRadius3, borderBottomRightRadius, borderBottomRightRadius2, borderBottomRightRadius3, borderBottomWidth, borderBottomWidth2, borderBottomWidth3, borderColor, borderColor2, borderColor3, borderLeft, borderLeft2, borderLeft3, borderLeftColor, borderLeftColor2, borderLeftColor3, borderLeftWidth, borderLeftWidth2, borderLeftWidth3, borderRadius, borderRadius2, borderRadius3, borderRight, borderRight2, borderRight3, borderRightColor, borderRightColor2, borderRightColor3, borderRightWidth, borderRightWidth2, borderRightWidth3, borderTop, borderTop2, borderTop3, borderTopColor, borderTopColor2, borderTopColor3, borderTopLeftRadius, borderTopLeftRadius2, borderTopLeftRadius3, borderTopRightRadius, borderTopRightRadius2, borderTopRightRadius3, borderTopWidth, borderTopWidth2, borderTopWidth3, borderWidth, borderWidth2, borderWidth3, bottom, bottom2, bottom3, boxShadow, boxShadow2, boxShadow3, caretColor, caretColor2, caretColor3, clip, clip2, clip3, clipPath, clipPath2, clipPath3, color, color2, color3, columnCount, columnCount2, columnCount3, columnGap, columnGap2, columnGap3, columnRule, columnRule2, columnRule3, columnRuleColor, columnRuleColor2, columnRuleColor3, columnRuleWidth, columnRuleWidth2, columnRuleWidth3, columnWidth, columnWidth2, columnWidth3, columns, columns2, columns3, filter, filter2, filter3, flex, flex2, flex3, flexBasis, flexBasis2, flexBasis3, flexGrow, flexGrow2, flexGrow3, flexShrink, flexShrink2, flexShrink3, font, font2, font3, fontSize, fontSize2, fontSize3, fontSizeAdjust, fontSizeAdjust2, fontSizeAdjust3, fontStretch, fontStretch2, fontStretch3, fontVariationSettings, fontVariationSettings2, fontVariationSettings3, fontWeight, fontWeight2, fontWeight3, gridColumnGap, gridColumnGap2, gridColumnGap3, gridGap, gridGap2, gridGap3, gridRowGap, gridRowGap2, gridRowGap3, height, height2, height3, left, left2, left3, letterSpacing, letterSpacing2, letterSpacing3, lineHeight, lineHeight2, lineHeight3, margin, margin2, margin3, marginBottom, marginBottom2, marginBottom3, marginLeft, marginLeft2, marginLeft3, marginRight, marginRight2, marginRight3, marginTop, marginTop2, marginTop3, mask, mask2, mask3, maskPosition, maskPosition2, maskPosition3, maskSize, maskSize2, maskSize3, maxHeight, maxHeight2, maxHeight3, maxWidth, maxWidth2, maxWidth3, minHeight, minHeight2, minHeight3, minWidth, minWidth2, minWidth3, objectPosition, objectPosition2, objectPosition3, offset, offset2, offset3, offsetAnchor, offsetAnchor2, offsetAnchor3, offsetDistance, offsetDistance2, offsetDistance3, offsetPath, offsetPath2, offsetPath3, offsetRotate, offsetRotate2, offsetRotate3, opacity, opacity2, opacity3, order, order2, order3, outline, outline2, outline3, outlineColor, outlineColor2, outlineColor3, outlineOffset, outlineOffset2, outlineOffset3, outlineWidth, outlineWidth2, outlineWidth3, padding, padding2, padding3, paddingBottom, paddingBottom2, paddingBottom3, paddingLeft, paddingLeft2, paddingLeft3, paddingRight, paddingRight2, paddingRight3, paddingTop, paddingTop2, paddingTop3, right, right2, right3, tabSize, tabSize2, tabSize3, textIndent, textIndent2, textIndent3, textShadow, textShadow2, textShadow3, top, top2, top3, transform, transform2, transform3, transformOrigin, transformOrigin2, transformOrigin3, verticalAlign, verticalAlign2, verticalAlign3, visibility, visibility2, visibility3, width, width2, width3, wordSpacing, wordSpacing2, wordSpacing3, zIndex, zIndex2, zIndex3\n\n","unions":[{"name":"Transition","comment":" This describes all of the aspects of a [CSS transition](https://developer.mozilla.org/en-US/docs/Web/CSS/transition), which will then be\ncompiled down to a string and added as a style property on elements\n\n  - [animation](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties): Which property to animate\n  - [duration](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration): The total time that the animation should take from start to end\n  - [delay](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay): Delay before the animation starts\n  - [timing](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function): CSS timing function which dictates how the animation speed varies over time\n\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"background","comment":" Create a [`Transition`](#Transition) for the [background](https://developer.mozilla.org/en-US/docs/Web/CSS/background)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"background2","comment":" Create a [`Transition`](#Transition) for the [background](https://developer.mozilla.org/en-US/docs/Web/CSS/background)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"background3","comment":" Create a [`Transition`](#Transition) for the [background](https://developer.mozilla.org/en-US/docs/Web/CSS/background)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"backgroundColor","comment":" Create a [`Transition`](#Transition) for the [background-color](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundColor2","comment":" Create a [`Transition`](#Transition) for the [background-color](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundColor3","comment":" Create a [`Transition`](#Transition) for the [background-color](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"backgroundPosition","comment":" Create a [`Transition`](#Transition) for the [background-position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundPosition2","comment":" Create a [`Transition`](#Transition) for the [background-position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundPosition3","comment":" Create a [`Transition`](#Transition) for the [background-position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"backgroundSize","comment":" Create a [`Transition`](#Transition) for the [background-size](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundSize2","comment":" Create a [`Transition`](#Transition) for the [background-size](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"backgroundSize3","comment":" Create a [`Transition`](#Transition) for the [background-size](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"border","comment":" Create a [`Transition`](#Transition) for the [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"border2","comment":" Create a [`Transition`](#Transition) for the [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"border3","comment":" Create a [`Transition`](#Transition) for the [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderBottom","comment":" Create a [`Transition`](#Transition) for the [border-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottom2","comment":" Create a [`Transition`](#Transition) for the [border-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottom3","comment":" Create a [`Transition`](#Transition) for the [border-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderBottomColor","comment":" Create a [`Transition`](#Transition) for the [border-bottom-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomColor2","comment":" Create a [`Transition`](#Transition) for the [border-bottom-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomColor3","comment":" Create a [`Transition`](#Transition) for the [border-bottom-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderBottomLeftRadius","comment":" Create a [`Transition`](#Transition) for the [border-bottom-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomLeftRadius2","comment":" Create a [`Transition`](#Transition) for the [border-bottom-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomLeftRadius3","comment":" Create a [`Transition`](#Transition) for the [border-bottom-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderBottomRightRadius","comment":" Create a [`Transition`](#Transition) for the [border-bottom-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomRightRadius2","comment":" Create a [`Transition`](#Transition) for the [border-bottom-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomRightRadius3","comment":" Create a [`Transition`](#Transition) for the [border-bottom-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderBottomWidth","comment":" Create a [`Transition`](#Transition) for the [border-bottom-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomWidth2","comment":" Create a [`Transition`](#Transition) for the [border-bottom-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderBottomWidth3","comment":" Create a [`Transition`](#Transition) for the [border-bottom-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderColor","comment":" Create a [`Transition`](#Transition) for the [border-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderColor2","comment":" Create a [`Transition`](#Transition) for the [border-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderColor3","comment":" Create a [`Transition`](#Transition) for the [border-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderLeft","comment":" Create a [`Transition`](#Transition) for the [border-left](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeft2","comment":" Create a [`Transition`](#Transition) for the [border-left](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeft3","comment":" Create a [`Transition`](#Transition) for the [border-left](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderLeftColor","comment":" Create a [`Transition`](#Transition) for the [border-left-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeftColor2","comment":" Create a [`Transition`](#Transition) for the [border-left-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeftColor3","comment":" Create a [`Transition`](#Transition) for the [border-left-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderLeftWidth","comment":" Create a [`Transition`](#Transition) for the [border-left-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeftWidth2","comment":" Create a [`Transition`](#Transition) for the [border-left-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderLeftWidth3","comment":" Create a [`Transition`](#Transition) for the [border-left-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderRadius","comment":" Create a [`Transition`](#Transition) for the [border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderRadius2","comment":" Create a [`Transition`](#Transition) for the [border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderRadius3","comment":" Create a [`Transition`](#Transition) for the [border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderRight","comment":" Create a [`Transition`](#Transition) for the [border-right](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderRight2","comment":" Create a [`Transition`](#Transition) for the [border-right](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderRight3","comment":" Create a [`Transition`](#Transition) for the [border-right](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderRightColor","comment":" Create a [`Transition`](#Transition) for the [border-right-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderRightColor2","comment":" Create a [`Transition`](#Transition) for the [border-right-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderRightColor3","comment":" Create a [`Transition`](#Transition) for the [border-right-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderRightWidth","comment":" Create a [`Transition`](#Transition) for the [border-right-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderRightWidth2","comment":" Create a [`Transition`](#Transition) for the [border-right-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderRightWidth3","comment":" Create a [`Transition`](#Transition) for the [border-right-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderTop","comment":" Create a [`Transition`](#Transition) for the [border-top](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderTop2","comment":" Create a [`Transition`](#Transition) for the [border-top](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderTop3","comment":" Create a [`Transition`](#Transition) for the [border-top](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderTopColor","comment":" Create a [`Transition`](#Transition) for the [border-top-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopColor2","comment":" Create a [`Transition`](#Transition) for the [border-top-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopColor3","comment":" Create a [`Transition`](#Transition) for the [border-top-color](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderTopLeftRadius","comment":" Create a [`Transition`](#Transition) for the [border-top-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopLeftRadius2","comment":" Create a [`Transition`](#Transition) for the [border-top-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopLeftRadius3","comment":" Create a [`Transition`](#Transition) for the [border-top-left-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderTopRightRadius","comment":" Create a [`Transition`](#Transition) for the [border-top-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopRightRadius2","comment":" Create a [`Transition`](#Transition) for the [border-top-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopRightRadius3","comment":" Create a [`Transition`](#Transition) for the [border-top-right-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderTopWidth","comment":" Create a [`Transition`](#Transition) for the [border-top-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopWidth2","comment":" Create a [`Transition`](#Transition) for the [border-top-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderTopWidth3","comment":" Create a [`Transition`](#Transition) for the [border-top-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"borderWidth","comment":" Create a [`Transition`](#Transition) for the [border-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"borderWidth2","comment":" Create a [`Transition`](#Transition) for the [border-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"borderWidth3","comment":" Create a [`Transition`](#Transition) for the [border-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"bottom","comment":" Create a [`Transition`](#Transition) for the [bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"bottom2","comment":" Create a [`Transition`](#Transition) for the [bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"bottom3","comment":" Create a [`Transition`](#Transition) for the [bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"boxShadow","comment":" Create a [`Transition`](#Transition) for the [box-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"boxShadow2","comment":" Create a [`Transition`](#Transition) for the [box-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"boxShadow3","comment":" Create a [`Transition`](#Transition) for the [box-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"caretColor","comment":" Create a [`Transition`](#Transition) for the [caret-color](https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"caretColor2","comment":" Create a [`Transition`](#Transition) for the [caret-color](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"caretColor3","comment":" Create a [`Transition`](#Transition) for the [caret-color](https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"clip","comment":" Create a [`Transition`](#Transition) for the [clip](https://developer.mozilla.org/en-US/docs/Web/CSS/clip)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"clip2","comment":" Create a [`Transition`](#Transition) for the [clip](https://developer.mozilla.org/en-US/docs/Web/CSS/clip)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"clip3","comment":" Create a [`Transition`](#Transition) for the [clip](https://developer.mozilla.org/en-US/docs/Web/CSS/clip)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"clipPath","comment":" Create a [`Transition`](#Transition) for the [clip-path](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"clipPath2","comment":" Create a [`Transition`](#Transition) for the [clip-path](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"clipPath3","comment":" Create a [`Transition`](#Transition) for the [clip-path](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"color","comment":" Create a [`Transition`](#Transition) for the [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"color2","comment":" Create a [`Transition`](#Transition) for the [color](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"color3","comment":" Create a [`Transition`](#Transition) for the [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnCount","comment":" Create a [`Transition`](#Transition) for the [column-count](https://developer.mozilla.org/en-US/docs/Web/CSS/column-count)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnCount2","comment":" Create a [`Transition`](#Transition) for the [column-count](https://developer.mozilla.org/en-US/docs/Web/CSS/column-count)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnCount3","comment":" Create a [`Transition`](#Transition) for the [column-count](https://developer.mozilla.org/en-US/docs/Web/CSS/column-count)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnGap","comment":" Create a [`Transition`](#Transition) for the [column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnGap2","comment":" Create a [`Transition`](#Transition) for the [column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnGap3","comment":" Create a [`Transition`](#Transition) for the [column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnRule","comment":" Create a [`Transition`](#Transition) for the [column-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnRule2","comment":" Create a [`Transition`](#Transition) for the [column-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnRule3","comment":" Create a [`Transition`](#Transition) for the [column-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnRuleColor","comment":" Create a [`Transition`](#Transition) for the [column-rule-color](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnRuleColor2","comment":" Create a [`Transition`](#Transition) for the [column-rule-color](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnRuleColor3","comment":" Create a [`Transition`](#Transition) for the [column-rule-color](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnRuleWidth","comment":" Create a [`Transition`](#Transition) for the [column-rule-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnRuleWidth2","comment":" Create a [`Transition`](#Transition) for the [column-rule-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnRuleWidth3","comment":" Create a [`Transition`](#Transition) for the [column-rule-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columnWidth","comment":" Create a [`Transition`](#Transition) for the [column-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columnWidth2","comment":" Create a [`Transition`](#Transition) for the [column-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columnWidth3","comment":" Create a [`Transition`](#Transition) for the [column-width](https://developer.mozilla.org/en-US/docs/Web/CSS/column-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"columns","comment":" Create a [`Transition`](#Transition) for the [columns](https://developer.mozilla.org/en-US/docs/Web/CSS/columns)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"columns2","comment":" Create a [`Transition`](#Transition) for the [columns](https://developer.mozilla.org/en-US/docs/Web/CSS/columns)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"columns3","comment":" Create a [`Transition`](#Transition) for the [columns](https://developer.mozilla.org/en-US/docs/Web/CSS/columns)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"cubicBezier","comment":" CSS cubicBezier timing function\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction"},{"name":"ease","comment":" CSS ease timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"easeIn","comment":" CSS easeIn timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"easeInOut","comment":" CSS easeInOut timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"easeOut","comment":" CSS easeOut timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"filter","comment":" Create a [`Transition`](#Transition) for the [filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"filter2","comment":" Create a [`Transition`](#Transition) for the [filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"filter3","comment":" Create a [`Transition`](#Transition) for the [filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"flex","comment":" Create a [`Transition`](#Transition) for the [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"flex2","comment":" Create a [`Transition`](#Transition) for the [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"flex3","comment":" Create a [`Transition`](#Transition) for the [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"flexBasis","comment":" Create a [`Transition`](#Transition) for the [flex-basis](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"flexBasis2","comment":" Create a [`Transition`](#Transition) for the [flex-basis](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"flexBasis3","comment":" Create a [`Transition`](#Transition) for the [flex-basis](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"flexGrow","comment":" Create a [`Transition`](#Transition) for the [flex-grow](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"flexGrow2","comment":" Create a [`Transition`](#Transition) for the [flex-grow](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"flexGrow3","comment":" Create a [`Transition`](#Transition) for the [flex-grow](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"flexShrink","comment":" Create a [`Transition`](#Transition) for the [flex-shrink](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"flexShrink2","comment":" Create a [`Transition`](#Transition) for the [flex-shrink](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"flexShrink3","comment":" Create a [`Transition`](#Transition) for the [flex-shrink](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"font","comment":" Create a [`Transition`](#Transition) for the [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"font2","comment":" Create a [`Transition`](#Transition) for the [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"font3","comment":" Create a [`Transition`](#Transition) for the [font](https://developer.mozilla.org/en-US/docs/Web/CSS/font)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"fontSize","comment":" Create a [`Transition`](#Transition) for the [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"fontSize2","comment":" Create a [`Transition`](#Transition) for the [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"fontSize3","comment":" Create a [`Transition`](#Transition) for the [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"fontSizeAdjust","comment":" Create a [`Transition`](#Transition) for the [font-size-adjust](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"fontSizeAdjust2","comment":" Create a [`Transition`](#Transition) for the [font-size-adjust](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"fontSizeAdjust3","comment":" Create a [`Transition`](#Transition) for the [font-size-adjust](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"fontStretch","comment":" Create a [`Transition`](#Transition) for the [font-size-stretch](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-stretch)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"fontStretch2","comment":" Create a [`Transition`](#Transition) for the [font-stretch](https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"fontStretch3","comment":" Create a [`Transition`](#Transition) for the [font-stretch](https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"fontVariationSettings","comment":" Create a [`Transition`](#Transition) for the [font-variation-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"fontVariationSettings2","comment":" Create a [`Transition`](#Transition) for the [font-variation-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"fontVariationSettings3","comment":" Create a [`Transition`](#Transition) for the [font-variation-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"fontWeight","comment":" Create a [`Transition`](#Transition) for the [font-weight](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"fontWeight2","comment":" Create a [`Transition`](#Transition) for the [font-weight](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"fontWeight3","comment":" Create a [`Transition`](#Transition) for the [font-weight](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"gridColumnGap","comment":" Create a [`Transition`](#Transition) for the [grid-column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"gridColumnGap2","comment":" Create a [`Transition`](#Transition) for the [grid-column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"gridColumnGap3","comment":" Create a [`Transition`](#Transition) for the [grid-column-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"gridGap","comment":" Create a [`Transition`](#Transition) for the [grid-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"gridGap2","comment":" Create a [`Transition`](#Transition) for the [grid-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"gridGap3","comment":" Create a [`Transition`](#Transition) for the [grid-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"gridRowGap","comment":" Create a [`Transition`](#Transition) for the [grid-row-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"gridRowGap2","comment":" Create a [`Transition`](#Transition) for the [grid-row-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"gridRowGap3","comment":" Create a [`Transition`](#Transition) for the [grid-row-gap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"height","comment":" Create a [`Transition`](#Transition) for the [height](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"height2","comment":" Create a [`Transition`](#Transition) for the [height](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"height3","comment":" Create a [`Transition`](#Transition) for the [height](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"left","comment":" Create a [`Transition`](#Transition) for the [left](https://developer.mozilla.org/en-US/docs/Web/CSS/left)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"left2","comment":" Create a [`Transition`](#Transition) for the [left](https://developer.mozilla.org/en-US/docs/Web/CSS/left)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"left3","comment":" Create a [`Transition`](#Transition) for the [left](https://developer.mozilla.org/en-US/docs/Web/CSS/left)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"letterSpacing","comment":" Create a [`Transition`](#Transition) for the [letter-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"letterSpacing2","comment":" Create a [`Transition`](#Transition) for the [letter-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"letterSpacing3","comment":" Create a [`Transition`](#Transition) for the [letter-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"lineHeight","comment":" Create a [`Transition`](#Transition) for the [line-height](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"lineHeight2","comment":" Create a [`Transition`](#Transition) for the [line-height](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"lineHeight3","comment":" Create a [`Transition`](#Transition) for the [line-height](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"linear","comment":" CSS linear timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"margin","comment":" Create a [`Transition`](#Transition) for the [margin](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"margin2","comment":" Create a [`Transition`](#Transition) for the [margin](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"margin3","comment":" Create a [`Transition`](#Transition) for the [margin](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"marginBottom","comment":" Create a [`Transition`](#Transition) for the [margin-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"marginBottom2","comment":" Create a [`Transition`](#Transition) for the [margin-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"marginBottom3","comment":" Create a [`Transition`](#Transition) for the [margin-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"marginLeft","comment":" Create a [`Transition`](#Transition) for the [margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"marginLeft2","comment":" Create a [`Transition`](#Transition) for the [margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"marginLeft3","comment":" Create a [`Transition`](#Transition) for the [margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"marginRight","comment":" Create a [`Transition`](#Transition) for the [margin-right](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"marginRight2","comment":" Create a [`Transition`](#Transition) for the [margin-right](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"marginRight3","comment":" Create a [`Transition`](#Transition) for the [margin-right](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"marginTop","comment":" Create a [`Transition`](#Transition) for the [margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"marginTop2","comment":" Create a [`Transition`](#Transition) for the [margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"marginTop3","comment":" Create a [`Transition`](#Transition) for the [margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"mask","comment":" Create a [`Transition`](#Transition) for the [mask](https://developer.mozilla.org/en-US/docs/Web/CSS/mask)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"mask2","comment":" Create a [`Transition`](#Transition) for the [mask](https://developer.mozilla.org/en-US/docs/Web/CSS/mask)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"mask3","comment":" Create a [`Transition`](#Transition) for the [mask](https://developer.mozilla.org/en-US/docs/Web/CSS/mask)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"maskPosition","comment":" Create a [`Transition`](#Transition) for the [mask-position](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-position)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"maskPosition2","comment":" Create a [`Transition`](#Transition) for the [mask-position](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-position)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"maskPosition3","comment":" Create a [`Transition`](#Transition) for the [mask-position](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-position)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"maskSize","comment":" Create a [`Transition`](#Transition) for the [mask-size](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-size)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"maskSize2","comment":" Create a [`Transition`](#Transition) for the [mask-size](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-size)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"maskSize3","comment":" Create a [`Transition`](#Transition) for the [mask-size](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-size)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"maxHeight","comment":" Create a [`Transition`](#Transition) for the [max-height](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"maxHeight2","comment":" Create a [`Transition`](#Transition) for the [max-height](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"maxHeight3","comment":" Create a [`Transition`](#Transition) for the [max-height](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"maxWidth","comment":" Create a [`Transition`](#Transition) for the [max-width](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"maxWidth2","comment":" Create a [`Transition`](#Transition) for the [max-width](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"maxWidth3","comment":" Create a [`Transition`](#Transition) for the [max-width](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"minHeight","comment":" Create a [`Transition`](#Transition) for the [min-height](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"minHeight2","comment":" Create a [`Transition`](#Transition) for the [min-height](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"minHeight3","comment":" Create a [`Transition`](#Transition) for the [min-height](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"minWidth","comment":" Create a [`Transition`](#Transition) for the [min-width](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"minWidth2","comment":" Create a [`Transition`](#Transition) for the [min-width](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"minWidth3","comment":" Create a [`Transition`](#Transition) for the [min-width](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"objectPosition","comment":" Create a [`Transition`](#Transition) for the [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"objectPosition2","comment":" Create a [`Transition`](#Transition) for the [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"objectPosition3","comment":" Create a [`Transition`](#Transition) for the [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"offset","comment":" Create a [`Transition`](#Transition) for the [offset](https://developer.mozilla.org/en-US/docs/Web/CSS/offset)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"offset2","comment":" Create a [`Transition`](#Transition) for the [offset](https://developer.mozilla.org/en-US/docs/Web/CSS/offset)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"offset3","comment":" Create a [`Transition`](#Transition) for the [offset](https://developer.mozilla.org/en-US/docs/Web/CSS/offset)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"offsetAnchor","comment":" Create a [`Transition`](#Transition) for the [offset-anchor](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-anchor)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"offsetAnchor2","comment":" Create a [`Transition`](#Transition) for the [offset-anchor](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-anchor)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"offsetAnchor3","comment":" Create a [`Transition`](#Transition) for the [offset-anchor](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-anchor)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"offsetDistance","comment":" Create a [`Transition`](#Transition) for the [offset-distance](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-distance)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"offsetDistance2","comment":" Create a [`Transition`](#Transition) for the [offset-distance](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-distance)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"offsetDistance3","comment":" Create a [`Transition`](#Transition) for the [offset-distance](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-distance)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"offsetPath","comment":" Create a [`Transition`](#Transition) for the [offset-path](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-path)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"offsetPath2","comment":" Create a [`Transition`](#Transition) for the [offset-path](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-path)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"offsetPath3","comment":" Create a [`Transition`](#Transition) for the [offset-path](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-path)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"offsetRotate","comment":" Create a [`Transition`](#Transition) for the [offset-rotate](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"offsetRotate2","comment":" Create a [`Transition`](#Transition) for the [offset-rotate](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"offsetRotate3","comment":" Create a [`Transition`](#Transition) for the [offset-rotate](https://developer.mozilla.org/en-US/docs/Web/CSS/offset-rotate)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"opacity","comment":" Create a [`Transition`](#Transition) for the [opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/order)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"opacity2","comment":" Create a [`Transition`](#Transition) for the [opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"opacity3","comment":" Create a [`Transition`](#Transition) for the [opacity](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"order","comment":" Create a [`Transition`](#Transition) for the [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"order2","comment":" Create a [`Transition`](#Transition) for the [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"order3","comment":" Create a [`Transition`](#Transition) for the [order](https://developer.mozilla.org/en-US/docs/Web/CSS/order)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"outline","comment":" Create a [`Transition`](#Transition) for the [outline](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"outline2","comment":" Create a [`Transition`](#Transition) for the [outline](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"outline3","comment":" Create a [`Transition`](#Transition) for the [outline](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"outlineColor","comment":" Create a [`Transition`](#Transition) for the [outline-color](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"outlineColor2","comment":" Create a [`Transition`](#Transition) for the [outline-color](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"outlineColor3","comment":" Create a [`Transition`](#Transition) for the [outline-color](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"outlineOffset","comment":" Create a [`Transition`](#Transition) for the [outline-offset](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"outlineOffset2","comment":" Create a [`Transition`](#Transition) for the [outline-offset](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"outlineOffset3","comment":" Create a [`Transition`](#Transition) for the [outline-offset](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"outlineWidth","comment":" Create a [`Transition`](#Transition) for the [outline-width](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"outlineWidth2","comment":" Create a [`Transition`](#Transition) for the [outline-width](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"outlineWidth3","comment":" Create a [`Transition`](#Transition) for the [outline-width](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"padding","comment":" Create a [`Transition`](#Transition) for the [padding](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"padding2","comment":" Create a [`Transition`](#Transition) for the [padding](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"padding3","comment":" Create a [`Transition`](#Transition) for the [padding](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"paddingBottom","comment":" Create a [`Transition`](#Transition) for the [padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"paddingBottom2","comment":" Create a [`Transition`](#Transition) for the [padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"paddingBottom3","comment":" Create a [`Transition`](#Transition) for the [padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"paddingLeft","comment":" Create a [`Transition`](#Transition) for the [padding-left](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"paddingLeft2","comment":" Create a [`Transition`](#Transition) for the [padding-left](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"paddingLeft3","comment":" Create a [`Transition`](#Transition) for the [padding-left](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"paddingRight","comment":" Create a [`Transition`](#Transition) for the [padding-right](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"paddingRight2","comment":" Create a [`Transition`](#Transition) for the [padding-right](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"paddingRight3","comment":" Create a [`Transition`](#Transition) for the [padding-right](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"paddingTop","comment":" Create a [`Transition`](#Transition) for the [padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"paddingTop2","comment":" Create a [`Transition`](#Transition) for the [padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"paddingTop3","comment":" Create a [`Transition`](#Transition) for the [padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"right","comment":" Create a [`Transition`](#Transition) for the [right](https://developer.mozilla.org/en-US/docs/Web/CSS/right)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"right2","comment":" Create a [`Transition`](#Transition) for the [right](https://developer.mozilla.org/en-US/docs/Web/CSS/right)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"right3","comment":" Create a [`Transition`](#Transition) for the [padding-right](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"stepEnd","comment":" CSS stepEnd timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"stepStart","comment":" CSS stepStart timing function\n","type":"Css.Transitions.TimingFunction"},{"name":"tabSize","comment":" Create a [`Transition`](#Transition) for the [tab-size](https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"tabSize2","comment":" Create a [`Transition`](#Transition) for the [tab-size](https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"tabSize3","comment":" Create a [`Transition`](#Transition) for the [tab-size](https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"textIndent","comment":" Create a [`Transition`](#Transition) for the [text-indent](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"textIndent2","comment":" Create a [`Transition`](#Transition) for the [text-indent](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"textIndent3","comment":" Create a [`Transition`](#Transition) for the [text-indent](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"textShadow","comment":" Create a [`Transition`](#Transition) for the [text-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"textShadow2","comment":" Create a [`Transition`](#Transition) for the [text-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"textShadow3","comment":" Create a [`Transition`](#Transition) for the [text-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"top","comment":" Create a [`Transition`](#Transition) for the [top](https://developer.mozilla.org/en-US/docs/Web/CSS/top)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"top2","comment":" Create a [`Transition`](#Transition) for the [top](https://developer.mozilla.org/en-US/docs/Web/CSS/top)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"top3","comment":" Create a [`Transition`](#Transition) for the [top](https://developer.mozilla.org/en-US/docs/Web/CSS/top)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"transform","comment":" Create a [`Transition`](#Transition) for the [transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"transform2","comment":" Create a [`Transition`](#Transition) for the [transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"transform3","comment":" Create a [`Transition`](#Transition) for the [transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"transformOrigin","comment":" Create a [`Transition`](#Transition) for the [transform-origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"transformOrigin2","comment":" Create a [`Transition`](#Transition) for the [transform-origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"transformOrigin3","comment":" Create a [`Transition`](#Transition) for the [transform-origin](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"transition","comment":" This function is used to batch up a list of supplied transitions that have been created (using the property functions listed below) and then produce a [`Css.Style`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css#Style).\nThis can then be used with other functions (such as [`Html.Styled.Attributes.css`](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Html-Styled-Attributes#css)) to add the desired transitions to elements / classes as required.\n","type":"List.List Css.Transitions.Transition -> Css.Style"},{"name":"verticalAlign","comment":" Create a [`Transition`](#Transition) for the [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"verticalAlign2","comment":" Create a [`Transition`](#Transition) for the [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"verticalAlign3","comment":" Create a [`Transition`](#Transition) for the [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"visibility","comment":" Create a [`Transition`](#Transition) for the [visibility](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"visibility2","comment":" Create a [`Transition`](#Transition) for the [visibility](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"visibility3","comment":" Create a [`Transition`](#Transition) for the [visibility](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"width","comment":" Create a [`Transition`](#Transition) for the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"width2","comment":" Create a [`Transition`](#Transition) for the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"width3","comment":" Create a [`Transition`](#Transition) for the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"wordSpacing","comment":" Create a [`Transition`](#Transition) for the [word-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"wordSpacing2","comment":" Create a [`Transition`](#Transition) for the [word-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"wordSpacing3","comment":" Create a [`Transition`](#Transition) for the [word-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"},{"name":"zIndex","comment":" Create a [`Transition`](#Transition) for the [z-index](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)\nproperty specifying only the duration\n","type":"Basics.Float -> Css.Transitions.Transition"},{"name":"zIndex2","comment":" Create a [`Transition`](#Transition) for the [z-index](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)\nproperty specifying duration and delay\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.Transition"},{"name":"zIndex3","comment":" Create a [`Transition`](#Transition) for the [z-index](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)\nproperty specifying duration, delay and timing function\n","type":"Basics.Float -> Basics.Float -> Css.Transitions.TimingFunction -> Css.Transitions.Transition"}],"binops":[]},{"name":"Html.Styled","comment":" Drop-in replacement for the `Html` module from the `elm-lang/html` package.\nThe only functions added are `styled`, `toUnstyled` and `fromUnstyled`:\n\n@docs styled, fromUnstyled, toUnstyled\n\nThis file is organized roughly in order of popularity. The tags which you'd\nexpect to use frequently will be closer to the top.\n\n\n# Primitives\n\n@docs Html, Attribute, text, node, map\n\n\n# Tags\n\n\n## Headers\n\n@docs h1, h2, h3, h4, h5, h6\n\n\n## Grouping Content\n\n@docs div, p, hr, pre, blockquote\n\n\n## Text\n\n@docs span, a, code, em, strong, i, b, u, sub, sup, br\n\n\n## Lists\n\n@docs ol, ul, li, dl, dt, dd\n\n\n## Embedded Content\n\n@docs img, iframe, canvas, math\n\n\n## Inputs\n\n@docs form, input, textarea, button, select, option\n\n\n## Sections\n\n@docs section, nav, article, aside, header, footer, address, main_\n\n\n## Figures\n\n@docs figure, figcaption\n\n\n## Tables\n\n@docs table, caption, colgroup, col, tbody, thead, tfoot, tr, td, th\n\n\n## Less Common Elements\n\n\n### Less Common Inputs\n\n@docs fieldset, legend, label, datalist, optgroup, output, progress, meter\n\n\n### Audio and Video\n\n@docs audio, video, source, track\n\n\n### Embedded Objects\n\n@docs embed, object, param\n\n\n### Text Edits\n\n@docs ins, del\n\n\n### Semantic Text\n\n@docs small, cite, dfn, abbr, time, var, samp, kbd, s, q\n\n\n### Less Common Text Tags\n\n@docs mark, ruby, rt, rp, bdi, bdo, wbr\n\n\n## Interactive Elements\n\n@docs details, summary, menuitem, menu\n\n","unions":[],"aliases":[{"name":"Attribute","comment":" Set attributes on your `Html`. Learn more in the\n[`Html.Attributes`](Html-Attributes) module.\n","args":["msg"],"type":"VirtualDom.Styled.Attribute msg"},{"name":"Html","comment":" Styled [`Html`](https://package.elm-lang.org/packages/elm-lang/html/latest/Html#Html).\nYou can convert from this to the normal [`Html`](https://package.elm-lang.org/packages/elm-lang/html/latest/Html#Html) type from [`elm-lang/html`](https://package.elm-lang.org/packages/elm-lang/html/latest)\n(which is a type alias for [`VirtualDom.Node`](https://package.elm-lang.org/packages/elm-lang/virtual-dom/latest/VirtualDom#Node))\nby using [`toUnstyled`](#toUnstyled).\nYou can convert the other way using [`fromUnstyled`](#fromUnstyled).\n","args":["msg"],"type":"VirtualDom.Styled.Node msg"}],"values":[{"name":"a","comment":" Represents a hyperlink, linking to another resource.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"abbr","comment":" Represents an abbreviation or an acronym; the expansion of the\nabbreviation can be represented in the title attribute.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"address","comment":" Defines a section containing contact information.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"article","comment":" Defines self-contained content that could exist independently of the rest\nof the content.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"aside","comment":" Defines some content loosely related to the page content. If it is removed,\nthe remaining content still makes sense.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"audio","comment":" Represents a sound or audio stream.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"b","comment":" Represents a text which to which attention is drawn for utilitarian\npurposes. It doesn't convey extra importance and doesn't imply an alternate\nvoice.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"bdi","comment":" Represents text that must be isolated from its surrounding for\nbidirectional text formatting. It allows embedding a span of text with a\ndifferent, or unknown, directionality.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"bdo","comment":" Represents the directionality of its children, in order to explicitly\noverride the Unicode bidirectional algorithm.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"blockquote","comment":" Represents a content that is quoted from another source.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"br","comment":" Represents a line break.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"button","comment":" Represents a button.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"canvas","comment":" Represents a bitmap area for graphics rendering.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"caption","comment":" Represents the title of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"cite","comment":" Represents the title of a work.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"code","comment":" Represents computer code.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"col","comment":" Represents a column of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"colgroup","comment":" Represents a set of one or more columns of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"datalist","comment":" Represents a set of predefined options for other controls.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"dd","comment":" Represents the definition of the terms immediately listed before it.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"del","comment":" Defines a removal from the document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"details","comment":" Represents a widget from which the user can obtain additional information\nor controls.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"dfn","comment":" Represents a term whose definition is contained in its nearest ancestor\ncontent.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"div","comment":" Represents a generic container with no special meaning.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"dl","comment":" Defines a definition list, that is, a list of terms and their associated\ndefinitions.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"dt","comment":" Represents a term defined by the next `dd`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"em","comment":" Represents emphasized text, like a stress accent.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"embed","comment":" Represents a integration point for an external, often non-HTML,\napplication or interactive content.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"fieldset","comment":" Represents a set of controls.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"figcaption","comment":" Represents the legend of a figure.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"figure","comment":" Represents a figure illustrated as part of the document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"footer","comment":" Defines the footer for a page or section. It often contains a copyright\nnotice, some links to legal information, or addresses to give feedback.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"form","comment":" Represents a form, consisting of controls, that can be submitted to a\nserver for processing.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"fromUnstyled","comment":" ","type":"VirtualDom.Node msg -> Html.Styled.Html msg"},{"name":"h1","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"h2","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"h3","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"h4","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"h5","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"h6","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"header","comment":" Defines the header of a page or section. It often contains a logo, the\ntitle of the web site, and a navigational table of content.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"hr","comment":" Represents a thematic break between paragraphs of a section or article or\nany longer content.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"i","comment":" Represents some text in an alternate voice or mood, or at least of\ndifferent quality, such as a taxonomic designation, a technical term, an\nidiomatic phrase, a thought, or a ship name.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"iframe","comment":" Embedded an HTML document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"img","comment":" Represents an image.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"input","comment":" Represents a typed data field allowing the user to edit the data.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"ins","comment":" Defines an addition to the document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"kbd","comment":" Represents user input, often from the keyboard, but not necessarily; it\nmay represent other input, like transcribed voice commands.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"label","comment":" Represents the caption of a form control.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"legend","comment":" Represents the caption for a `fieldset`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"li","comment":" Defines a item of an enumeration list.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"main_","comment":" Defines the main or important content in the document. There is only one\n`main` element in the document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"map","comment":" Transform the messages produced by some `Html`. In the following example,\nwe have `viewButton` that produces `()` messages, and we transform those values\ninto `Msg` values in `view`.\n\n    type Msg\n        = Left\n        | Right\n\n    view : model -> Html Msg\n    view model =\n        div []\n            [ map (\\_ -> Left) (viewButton \"Left\")\n            , map (\\_ -> Right) (viewButton \"Right\")\n            ]\n\n    viewButton : String -> Html ()\n    viewButton name =\n        button [ onClick () ] [ text name ]\n\nThis should not come in handy too often. Definitely read [this][reuse] before\ndeciding if this is what you want.\n\n[reuse]: https://guide.elm-lang.org/reuse/\n\n","type":"(a -> msg) -> Html.Styled.Html a -> Html.Styled.Html msg"},{"name":"mark","comment":" Represents text highlighted for reference purposes, that is for its\nrelevance in another context.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"math","comment":" Defines a mathematical formula.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"menu","comment":" Represents a list of commands.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"menuitem","comment":" Represents a command that the user can invoke.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"meter","comment":" Represents a scalar measurement (or a fractional value), within a known\nrange.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"nav","comment":" Defines a section that contains only navigation links.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"node","comment":" General way to create HTML nodes. It is used to define all of the helper\nfunctions in this library.\n\n    div : List (Attribute msg) -> List (Html msg) -> Html msg\n    div attributes children =\n        node \"div\" attributes children\n\nYou can use this to create custom nodes if you need to create something that\nis not covered by the helper functions in this library.\n\n","type":"String.String -> List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"object","comment":" Represents an external resource, which is treated as an image, an HTML\nsub-document, or an external resource to be processed by a plug-in.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"ol","comment":" Defines an ordered list of items.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"optgroup","comment":" Represents a set of options, logically grouped.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"option","comment":" Represents an option in a `select` element or a suggestion of a `datalist`\nelement.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"output","comment":" Represents the result of a calculation.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"p","comment":" Defines a portion that should be displayed as a paragraph.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"param","comment":" Defines parameters for use by plug-ins invoked by `object` elements.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"pre","comment":" Indicates that its content is preformatted and that this format must be\npreserved.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"progress","comment":" Represents the completion progress of a task.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"q","comment":" Represents an inline quotation.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"rp","comment":" Represents parenthesis around a ruby annotation, used to display the\nannotation in an alternate way by browsers not supporting the standard display\nfor annotations.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"rt","comment":" Represents the text of a ruby annotation.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"ruby","comment":" Represents content to be marked with ruby annotations, short runs of text\npresented alongside the text. This is often used in conjunction with East Asian\nlanguage where the annotations act as a guide for pronunciation, like the\nJapanese furigana.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"s","comment":" Represents content that is no longer accurate or relevant.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"samp","comment":" Represents the output of a program or a computer.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"section","comment":" Defines a section in a document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"select","comment":" Represents a control allowing selection among a set of options.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"small","comment":" Represents a side comment, that is, text like a disclaimer or a\ncopyright, which is not essential to the comprehension of the document.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"source","comment":" Allows authors to specify alternative media resources for media elements\nlike `video` or `audio`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"span","comment":" Represents text with no specific meaning. This has to be used when no other\ntext-semantic element conveys an adequate meaning, which, in this case, is\noften brought by global attributes like `class`, `lang`, or `dir`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"strong","comment":" Represents especially important text.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"styled","comment":" Takes a function that creates an element, and pre-applies styles to it.\n\n    bigButton : List (Attribute msg) -> List (Html msg) -> Html msg\n    bigButton =\n        styled button\n            [ padding (px 30)\n            , fontWeight bold\n            ]\n    \n    view : Model -> Html msg\n    view model =\n        [ text \"These two buttons are identical:\"\n        , bigButton [] [ text \"Hi!\" ]\n        , button [ css [ padding (px 30), fontWeight bold ] ] [] [ text \"Hi!\" ]\n        ]\n\nHere, the `bigButton` function we've defined using `styled button` is\nidentical to the normal `button` function, except that it has pre-applied\nthe attribute of `css [ padding (px 30), fontWeight bold ]`.\nYou can pass more attributes to `bigButton` as usual (including other `css`\nattributes). They will be applied after the pre-applied styles.\n","type":"(List.List (Html.Styled.Attribute a) -> List.List (Html.Styled.Html b) -> Html.Styled.Html msg) -> List.List Css.Style -> List.List (Html.Styled.Attribute a) -> List.List (Html.Styled.Html b) -> Html.Styled.Html msg"},{"name":"sub","comment":" Represent a subscript.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"summary","comment":" Represents a summary, caption, or legend for a given `details`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"sup","comment":" Represent a superscript.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"table","comment":" Represents data with more than one dimension.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"tbody","comment":" Represents the block of rows that describes the concrete data of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"td","comment":" Represents a data cell in a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"text","comment":" Just put plain text in the DOM. It will escape the string so that it appears\nexactly as you specify.\n\n    text \"Hello World!\"\n\n","type":"String.String -> Html.Styled.Html msg"},{"name":"textarea","comment":" Represents a multiline text edit control.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"tfoot","comment":" Represents the block of rows that describes the column summaries of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"th","comment":" Represents a header cell in a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"thead","comment":" Represents the block of rows that describes the column labels of a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"time","comment":" Represents a date and time value; the machine-readable equivalent can be\nrepresented in the datetime attribute.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"toUnstyled","comment":" ","type":"Html.Styled.Html msg -> VirtualDom.Node msg"},{"name":"tr","comment":" Represents a row of cells in a table.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"track","comment":" Allows authors to specify timed text track for media elements like `video`\nor `audio`.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"u","comment":" Represents a non-textual annotation for which the conventional\npresentation is underlining, such labeling the text as being misspelt or\nlabeling a proper name in Chinese text.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"ul","comment":" Defines an unordered list of items.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"var","comment":" Represents a variable. Specific cases where it should be used include an\nactual mathematical expression or programming context, an identifier\nrepresenting a constant, a symbol identifying a physical quantity, a function\nparameter, or a mere placeholder in prose.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"video","comment":" Represents a video, the associated audio and captions, and controls.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"},{"name":"wbr","comment":" Represents a line break opportunity, that is a suggested point for\nwrapping text in order to improve readability of text split on several lines.\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"}],"binops":[]},{"name":"Html.Styled.Attributes","comment":" Drop-in replacement for the `Html.Attributes` module from the `elm-lang/html` package.\n\nThe only functions added are `css` and `fromUnstyled`:\n\n@docs css, fromUnstyled\n\nThere is one function removed: `style` - because the main point of this library\nis to use `css` instead of the `style` attribute!\n\n(If you really must use it, there's always [`attribute \"style\"`](#attribute).)\n\nNote that there is no `toUnstyled` for Attributes! This is because the process\nof going from styled to unstyled involves adding a `<style>` element to the DOM,\nand Attributes cannot do that. So it would be impossible to implement\n`toUnstyled` for Attributes without throwing the styles away - which is definitely\nundesirable!\n\nHelper functions for HTML attributes. They are organized roughly by\n\ncategory. Each attribute is labeled with the HTML tags it can be used with, so\njust search the page for `video` if you want video stuff.\n\n\n# Primitives\n\n@docs property, attribute, map, style\n\n\n# Super Common Attributes\n\n@docs class, classList, id, title, hidden\n\n\n# Inputs\n\n@docs type_, value, checked, placeholder, selected\n\n\n## Input Helpers\n\n@docs accept, acceptCharset, action, autocomplete, autofocus\n@docs disabled, enctype, list, maxlength, minlength, method, multiple\n@docs name, novalidate, pattern, readonly, required, size, for, form\n\n\n## Input Ranges\n\n@docs max, min, step\n\n\n## Input Text Areas\n\n@docs cols, rows, wrap\n\n\n# Links and Areas\n\n@docs href, target, download, hreflang, media, ping, rel\n\n\n## Maps\n\n@docs ismap, usemap, shape, coords\n\n\n# Embedded Content\n\n@docs src, height, width, alt\n\n\n## Audio and Video\n\n@docs autoplay, controls, loop, preload, poster, default, kind, srclang\n\n\n## iframes\n\n@docs sandbox, srcdoc\n\n\n# Ordered Lists\n\n@docs reversed, start\n\n\n# Tables\n\n@docs align, colspan, rowspan, headers, scope\n\n\n# Less Common Global Attributes\n\nAttributes that can be attached to any HTML tag but are less commonly used.\n\n@docs accesskey, contenteditable, contextmenu, dir, draggable, dropzone\n@docs itemprop, lang, spellcheck, tabindex\n\n\n# Miscellaneous\n\n@docs cite, datetime, pubdate, manifest\n\n","unions":[],"aliases":[],"values":[{"name":"accept","comment":" List of types the server accepts, typically a file type.\nFor `form` and `input`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"acceptCharset","comment":" List of supported charsets in a `form`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"accesskey","comment":" Defines a keyboard shortcut to activate or add focus to the element.\n","type":"Char.Char -> Html.Styled.Attribute msg"},{"name":"action","comment":" The URI of a program that processes the information submitted via a `form`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"align","comment":" Specifies the horizontal alignment of a `caption`, `col`, `colgroup`,\n`hr`, `iframe`, `img`, `table`, `tbody`, `td`, `tfoot`, `th`, `thead`, or\n`tr`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"alt","comment":" Alternative text in case an image can't be displayed. Works with `img`,\n`area`, and `input`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"attribute","comment":" Create _attributes_, like saying `domNode.setAttribute('class', 'greeting')`\nin JavaScript.\n\n    class : String -> Attribute msg\n    class name =\n        attribute \"class\" name\n\nRead more about the difference between properties and attributes [here].\n\n[here]: https://github.com/elm/html/blob/master/properties-vs-attributes.md\n\n","type":"String.String -> String.String -> Html.Styled.Attribute msg"},{"name":"autocomplete","comment":" Indicates whether a `form` or an `input` can have their values automatically\ncompleted by the browser.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"autofocus","comment":" The element should be automatically focused after the page loaded.\nFor `button`, `input`, `select`, and `textarea`.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"autoplay","comment":" The `audio` or `video` should play as soon as possible.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"checked","comment":" Indicates whether an `input` of type checkbox is checked.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"cite","comment":" Contains a URI which points to the source of the quote or change in a\n`blockquote`, `del`, `ins`, or `q`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"class","comment":" Often used with CSS to style elements with common properties.\n\n**Note:** You can have as many `class` and `classList` attributes as you want.\nThey all get applied, so if you say `[ class \"notice\", class \"notice-seen\" ]`\nyou will get both classes!\n\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"classList","comment":" This function makes it easier to build a space-separated class attribute.\nEach class can easily be added and removed depending on the boolean value it\nis paired with. For example, maybe we want a way to view notices:\n\n    viewNotice : Notice -> Html msg\n    viewNotice notice =\n        div\n            [ classList\n                [ ( \"notice\", True )\n                , ( \"notice-important\", notice.isImportant )\n                , ( \"notice-seen\", notice.isSeen )\n                ]\n            ]\n            [ text notice.content ]\n\n**Note:** You can have as many `class` and `classList` attributes as you want.\nThey all get applied, so if you say `[ class \"notice\", class \"notice-seen\" ]`\nyou will get both classes!\n\n","type":"List.List ( String.String, Basics.Bool ) -> Html.Styled.Attribute msg"},{"name":"cols","comment":" Defines the number of columns in a `textarea`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"colspan","comment":" The colspan attribute defines the number of columns a cell should span.\nFor `td` and `th`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"contenteditable","comment":" Indicates whether the element's content is editable.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"contextmenu","comment":" Defines the ID of a `menu` element which will serve as the element's\ncontext menu.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"controls","comment":" Indicates whether the browser should show playback controls for the `audio`\nor `video`.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"coords","comment":" A set of values specifying the coordinates of the hot-spot region in an\n`area`. Needs to be paired with a `shape` attribute to be meaningful.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"css","comment":" Apply styles to an element.\nSee the [`Css` module documentation](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css) for an overview of how to use this function.\n","type":"List.List Css.Style -> Html.Styled.Attribute msg"},{"name":"datetime","comment":" Indicates the date and time associated with the element.\nFor `del`, `ins`, `time`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"default","comment":" Indicates that the `track` should be enabled unless the user's preferences\nindicate something different.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"dir","comment":" Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl\n(Right-To-Left).\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"disabled","comment":" Indicates whether the user can interact with a `button`, `fieldset`,\n`input`, `optgroup`, `option`, `select` or `textarea`.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"download","comment":" Indicates that clicking an `a` and `area` will download the resource\ndirectly. The `String` argument determins the name of the downloaded file.\nSay the file you are serving is named `hats.json`.\n\n    download \"\" -- hats.json\n\n    download \"my-hats.json\" -- my-hats.json\n\n    download \"snakes.json\" -- snakes.json\n\nThe empty `String` says to just name it whatever it was called on the server.\n\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"draggable","comment":" Defines whether the element can be dragged.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"dropzone","comment":" Indicates that the element accept the dropping of content on it.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"enctype","comment":" How `form` data should be encoded when submitted with the POST method.\nOptions include: application/x-www-form-urlencoded, multipart/form-data, and\ntext/plain.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"for","comment":" The element ID described by this `label` or the element IDs that are used\nfor an `output`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"form","comment":" Indicates the element ID of the `form` that owns this particular `button`,\n`fieldset`, `input`, `label`, `meter`, `object`, `output`, `progress`,\n`select`, or `textarea`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"fromUnstyled","comment":" Convert from an unstyled `Attribute` to a styled one.\n\nNote that there is no `toUnstyled` for Attributes! This is because the process\nof going from styled to unstyled involves adding a `<style>` element to the DOM,\nand Attributes cannot do that. So it would be impossible to implement\n`toUnstyled` for Attributes without throwing the styles away - which is definitely\nundesirable!\n\n","type":"VirtualDom.Attribute msg -> Html.Styled.Attribute msg"},{"name":"headers","comment":" A space separated list of element IDs indicating which `th` elements are\nheaders for this cell. For `td` and `th`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"height","comment":" Declare the height of a `canvas`, `embed`, `iframe`, `img`, `input`,\n`object`, or `video`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"hidden","comment":" Indicates the relevance of an element.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"href","comment":" The URL of a linked resource, such as `a`, `area`, `base`, or `link`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"hreflang","comment":" Two-letter language code of the linked resource of an `a`, `area`, or `link`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"id","comment":" Often used with CSS to style a specific element. The value of this\nattribute must be unique.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"ismap","comment":" When an `img` is a descendant of an `a` tag, the `ismap` attribute\nindicates that the click location should be added to the parent `a`'s href as\na query string.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"itemprop","comment":" ","type":"String.String -> Html.Styled.Attribute msg"},{"name":"kind","comment":" Specifies the kind of text `track`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"lang","comment":" Defines the language used in the element.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"list","comment":" Associates an `input` with a `datalist` tag. The datalist gives some\npre-defined options to suggest to the user as they interact with an input.\nThe value of the list attribute must match the id of a `datalist` node.\nFor `input`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"loop","comment":" Indicates whether the `audio` or `video` should start playing from the\nstart when it's finished.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"manifest","comment":" Specifies the URL of the cache manifest for an `html` tag.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"map","comment":" Transform the messages produced by an `Attribute`.\n","type":"(a -> msg) -> Html.Styled.Attribute a -> Html.Styled.Attribute msg"},{"name":"max","comment":" Indicates the maximum value allowed. When using an input of type number or\ndate, the max value must be a number or date. For `input`, `meter`, and `progress`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"maxlength","comment":" Defines the maximum number of characters allowed in an `input` or\n`textarea`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"media","comment":" Specifies a hint of the target media of a `a`, `area`, `link`, `source`,\nor `style`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"method","comment":" Defines which HTTP method to use when submitting a `form`. Can be GET\n(default) or POST.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"min","comment":" Indicates the minimum value allowed. When using an input of type number or\ndate, the min value must be a number or date. For `input` and `meter`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"minlength","comment":" Defines the minimum number of characters allowed in an `input` or\n`textarea`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"multiple","comment":" Indicates whether multiple values can be entered in an `input` of type\nemail or file. Can also indicate that you can `select` many options.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"name","comment":" Name of the element. For example used by the server to identify the fields\nin form submits. For `button`, `form`, `fieldset`, `iframe`, `input`,\n`object`, `output`, `select`, `textarea`, `map`, `meta`, and `param`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"novalidate","comment":" This attribute indicates that a `form` shouldn't be validated when\nsubmitted.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"pattern","comment":" Defines a regular expression which an `input`'s value will be validated\nagainst.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"ping","comment":" Specify a URL to send a short POST request to when the user clicks on an\n`a` or `area`. Useful for monitoring and tracking.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"placeholder","comment":" Provides a hint to the user of what can be entered into an `input` or\n`textarea`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"poster","comment":" A URL indicating a poster frame to show until the user plays or seeks the\n`video`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"preload","comment":" Control how much of an `audio` or `video` resource should be preloaded.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"property","comment":" Create _properties_, like saying `domNode.className = 'greeting'` in\nJavaScript.\n\n    import Json.Encode as Encode\n\n    class : String -> Attribute msg\n    class name =\n        property \"className\" (Encode.string name)\n\nRead more about the difference between properties and attributes [here].\n\n[here]: https://github.com/elm/html/blob/master/properties-vs-attributes.md\n\n","type":"String.String -> Json.Encode.Value -> Html.Styled.Attribute msg"},{"name":"pubdate","comment":" Indicates whether this date and time is the date of the nearest `article`\nancestor element. For `time`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"readonly","comment":" Indicates whether an `input` or `textarea` can be edited.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"rel","comment":" Specifies the relationship of the target object to the link object.\nFor `a`, `area`, `link`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"required","comment":" Indicates whether this element is required to fill out or not.\nFor `input`, `select`, and `textarea`.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"reversed","comment":" Indicates whether an ordered list `ol` should be displayed in a descending\norder instead of a ascending.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"rows","comment":" Defines the number of rows in a `textarea`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"rowspan","comment":" Defines the number of rows a table cell should span over.\nFor `td` and `th`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"sandbox","comment":" A space separated list of security restrictions you'd like to lift for an\n`iframe`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"scope","comment":" Specifies the scope of a header cell `th`. Possible values are: col, row,\ncolgroup, rowgroup.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"selected","comment":" Defines which `option` will be selected on page load.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"shape","comment":" Declare the shape of the clickable area in an `a` or `area`. Valid values\ninclude: default, rect, circle, poly. This attribute can be paired with\n`coords` to create more particular shapes.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"size","comment":" For `input` specifies the width of an input in characters.\n\nFor `select` specifies the number of visible options in a drop-down list.\n\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"spellcheck","comment":" Indicates whether spell checking is allowed for the element.\n","type":"Basics.Bool -> Html.Styled.Attribute msg"},{"name":"src","comment":" The URL of the embeddable content. For `audio`, `embed`, `iframe`, `img`,\n`input`, `script`, `source`, `track`, and `video`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"srcdoc","comment":" An HTML document that will be displayed as the body of an `iframe`. It will\noverride the content of the `src` attribute if it has been specified.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"srclang","comment":" A two letter language code indicating the language of the `track` text data.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"start","comment":" Defines the first number of an ordered list if you want it to be something\nbesides 1.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"step","comment":" Add a step size to an `input`. Use `step \"any\"` to allow any floating-point\nnumber to be used in the input.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"style","comment":" **NOTE:** If you're using `elm-css`, you **probably do not want this!**\n\nThis is the `style` **attribute**, which has higher precedence than anything\n`elm-css` does. It's probably best to use this as a workaround only.\n\n    Specify a style.\n\n    greeting : Node msg\n    greeting =\n      div\n        [ style \"background-color\" \"red\"\n        , style \"height\" \"90px\"\n        , style \"width\" \"100%\"\n        ]\n        [ text \"Hello!\"\n        ]\n\nThere is no `Html.Styles` module because best practices for working with HTML\nsuggest that this should primarily be specified in CSS files. So the general\nrecommendation is to use this function lightly.\n\n","type":"String.String -> String.String -> Html.Styled.Attribute msg"},{"name":"tabindex","comment":" Overrides the browser's default tab order and follows the one specified\ninstead.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"target","comment":" Specify where the results of clicking an `a`, `area`, `base`, or `form`\nshould appear. Possible special values include:\n\n  - \\_blank &mdash; a new window or tab\n  - \\_self &mdash; the same frame (this is default)\n  - \\_parent &mdash; the parent frame\n  - \\_top &mdash; the full body of the window\n\nYou can also give the name of any `frame` you have created.\n\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"title","comment":" Text to be displayed in a tooltip when hovering over the element.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"type_","comment":" Defines the type of a `button`, `input`, `embed`, `object`, `script`,\n`source`, `style`, or `menu`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"usemap","comment":" Specify the hash name reference of a `map` that should be used for an `img`\nor `object`. A hash name reference is a hash symbol followed by the element's name or id.\nE.g. `\"#planet-map\"`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"value","comment":" Defines a default value which will be displayed in a `button`, `option`,\n`input`, `li`, `meter`, `progress`, or `param`.\n","type":"String.String -> Html.Styled.Attribute msg"},{"name":"width","comment":" Declare the width of a `canvas`, `embed`, `iframe`, `img`, `input`,\n`object`, or `video`.\n","type":"Basics.Int -> Html.Styled.Attribute msg"},{"name":"wrap","comment":" Indicates whether the text should be wrapped in a `textarea`. Possible\nvalues are \"hard\" and \"soft\".\n","type":"String.String -> Html.Styled.Attribute msg"}],"binops":[]},{"name":"Html.Styled.Events","comment":" It is often helpful to create an [Union Type] so you can have many different kinds\nof events as seen in the [TodoMVC] example.\n\n[Union Type]: https://elm-lang.org/learn/Union-Types.elm\n[TodoMVC]: https://github.com/evancz/elm-todomvc/blob/master/Todo.elm\n\n\n# Mouse\n\n@docs onClick, onDoubleClick\n@docs onMouseDown, onMouseUp\n@docs onMouseEnter, onMouseLeave\n@docs onMouseOver, onMouseOut\n\n\n# Forms\n\n@docs onInput, onCheck, onSubmit\n\n\n# Focus\n\n@docs onBlur, onFocus\n\n\n# Custom\n\n@docs on, stopPropagationOn, preventDefaultOn, custom\n\n\n## Custom Decoders\n\n@docs targetValue, targetChecked, keyCode\n\n","unions":[],"aliases":[],"values":[{"name":"custom","comment":" Create an event listener that may [`stopPropagation`][stop] or\n[`preventDefault`][prevent].\n\n[stop]: https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation\n[prevent]: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault\n\n**Note:** If you need something even more custom (like capture phase) check\nout the lower-level event API in `elm/virtual-dom`.\n\n","type":"String.String -> Json.Decode.Decoder { message : msg, stopPropagation : Basics.Bool, preventDefault : Basics.Bool } -> Html.Styled.Attribute msg"},{"name":"keyCode","comment":" A `Json.Decoder` for grabbing `event.keyCode`. This helps you define\nkeyboard listeners like this:\n\n    import Json.Decode as Json\n\n    onKeyUp : (Int -> msg) -> Attribute msg\n    onKeyUp tagger =\n        on \"keyup\" (Json.map tagger keyCode)\n\n**Note:** It looks like the spec is moving away from `event.keyCode` and\ntowards `event.key`. Once this is supported in more browsers, we may add\nhelpers here for `onKeyUp`, `onKeyDown`, `onKeyPress`, etc.\n\n","type":"Json.Decode.Decoder Basics.Int"},{"name":"on","comment":" Create a custom event listener. Normally this will not be necessary, but\nyou have the power! Here is how `onClick` is defined for example:\n\n    import Json.Decode as Decode\n\n    onClick : msg -> Attribute msg\n    onClick message =\n        on \"click\" (Decode.succeed message)\n\nThe first argument is the event name in the same format as with JavaScript's\n[`addEventListener`][aEL] function.\n\nThe second argument is a JSON decoder. Read more about these [here][decoder].\nWhen an event occurs, the decoder tries to turn the event object into an Elm\nvalue. If successful, the value is routed to your `update` function. In the\ncase of `onClick` we always just succeed with the given `message`.\n\nIf this is confusing, work through the [Elm Architecture Tutorial][tutorial].\nIt really helps!\n\n[aEL]: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n[decoder]: /packages/elm/json/latest/Json-Decode\n[tutorial]: https://github.com/evancz/elm-architecture-tutorial/\n\n**Note:** This creates a [passive] event listener, enabling optimizations for\ntouch, scroll, and wheel events in some browsers.\n\n[passive]: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n\n","type":"String.String -> Json.Decode.Decoder msg -> Html.Styled.Attribute msg"},{"name":"onBlur","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onCheck","comment":" Detect [change](https://developer.mozilla.org/en-US/docs/Web/Events/change)\nevents on checkboxes. It will grab the boolean value from `event.target.checked`\non any input event.\n\nCheck out [`targetChecked`](#targetChecked) for more details on how this works.\n\n","type":"(Basics.Bool -> msg) -> Html.Styled.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onDoubleClick","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onFocus","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onInput","comment":" Detect [input](https://developer.mozilla.org/en-US/docs/Web/Events/input)\nevents for things like text fields or text areas.\n\nFor more details on how `onInput` works, check out [`targetValue`](#targetValue).\n\n**Note 1:** It grabs the **string** value at `event.target.value`, so it will\nnot work if you need some other information. For example, if you want to track\ninputs on a range slider, make a custom handler with [`on`](#on).\n\n**Note 2:** It uses `stopPropagationOn` internally to always stop propagation\nof the event. This is important for complicated reasons explained [here][1] and\n[here][2].\n\n[1]: /packages/elm/virtual-dom/latest/VirtualDom#Handler\n[2]: https://github.com/elm/virtual-dom/issues/125\n\n","type":"(String.String -> msg) -> Html.Styled.Attribute msg"},{"name":"onMouseDown","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onMouseEnter","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onMouseLeave","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onMouseOut","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onMouseOver","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onMouseUp","comment":" ","type":"msg -> Html.Styled.Attribute msg"},{"name":"onSubmit","comment":" Detect a [submit](https://developer.mozilla.org/en-US/docs/Web/Events/submit)\nevent with [`preventDefault`](https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)\nin order to prevent the form from changing the page’s location. If you need\ndifferent behavior, create a custom event handler.\n","type":"msg -> Html.Styled.Attribute msg"},{"name":"preventDefaultOn","comment":" Create an event listener that may [`preventDefault`][prevent]. Your decoder\nmust produce a message and a `Bool` that decides if `preventDefault` should\nbe called.\n\nFor example, the `onSubmit` function in this library _always_ prevents the\ndefault behavior:\n\n[prevent]: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault\n\n    onSubmit : msg -> Attribute msg\n    onSubmit msg =\n        preventDefaultOn \"submit\" (Json.map alwaysPreventDefault (Json.succeed msg))\n\n    alwaysPreventDefault : msg -> ( msg, Bool )\n    alwaysPreventDefault msg =\n        ( msg, True )\n\n","type":"String.String -> Json.Decode.Decoder ( msg, Basics.Bool ) -> Html.Styled.Attribute msg"},{"name":"stopPropagationOn","comment":" Create an event listener that may [`stopPropagation`][stop]. Your decoder\nmust produce a message and a `Bool` that decides if `stopPropagation` should\nbe called.\n\n[stop]: https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation\n\n**Note:** This creates a [passive] event listener, enabling optimizations for\ntouch, scroll, and wheel events in some browsers.\n\n[passive]: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n\n","type":"String.String -> Json.Decode.Decoder ( msg, Basics.Bool ) -> Html.Styled.Attribute msg"},{"name":"targetChecked","comment":" A `Json.Decoder` for grabbing `event.target.checked`. We use this to define\n`onCheck` as follows:\n\n    import Json.Decode as Json\n\n    onCheck : (Bool -> msg) -> Attribute msg\n    onCheck tagger =\n        on \"input\" (Json.map tagger targetChecked)\n\n","type":"Json.Decode.Decoder Basics.Bool"},{"name":"targetValue","comment":" A `Json.Decoder` for grabbing `event.target.value`. We use this to define\n`onInput` as follows:\n\n    import Json.Decode as Json\n\n    onInput : (String -> msg) -> Attribute msg\n    onInput tagger =\n        stopPropagationOn \"input\" <|\n            Json.map alwaysStop (Json.map tagger targetValue)\n\n    alwaysStop : a -> ( a, Bool )\n    alwaysStop x =\n        ( x, True )\n\nYou probably will never need this, but hopefully it gives some insights into\nhow to make custom event handlers.\n\n","type":"Json.Decode.Decoder String.String"}],"binops":[]},{"name":"Html.Styled.Keyed","comment":" A keyed node helps optimize cases where children are getting added, moved,\nremoved, etc. Common examples include:\n\n  - The user can delete items from a list.\n  - The user can create new items in a list.\n  - You can sort a list based on name or date or whatever.\n\nWhen you use a keyed node, every child is paired with a string identifier. This\nmakes it possible for the underlying diffing algorithm to reuse nodes more\nefficiently.\n\n\n# Keyed Nodes\n\n@docs node\n\n\n# Commonly Keyed Nodes\n\n@docs ol, ul\n\n","unions":[],"aliases":[],"values":[{"name":"node","comment":" Works just like `Html.node`, but you add a unique identifier to each child\nnode. You want this when you have a list of nodes that is changing: adding\nnodes, removing nodes, etc. In these cases, the unique identifiers help make\nthe DOM modifications more efficient.\n","type":"String.String -> List.List (Html.Styled.Attribute msg) -> List.List ( String.String, Html.Styled.Html msg ) -> Html.Styled.Html msg"},{"name":"ol","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List ( String.String, Html.Styled.Html msg ) -> Html.Styled.Html msg"},{"name":"ul","comment":" ","type":"List.List (Html.Styled.Attribute msg) -> List.List ( String.String, Html.Styled.Html msg ) -> Html.Styled.Html msg"}],"binops":[]},{"name":"Html.Styled.Lazy","comment":" **NOTE:** `Html.Lazy` goes up to `lazy8`, but `Html.Styled.Lazy` can only go\nup to `lazy7` because it uses one of the arguments to track styling info.\n\nSince all Elm functions are pure we have a guarantee that the same input\n\nwill always result in the same output. This module gives us tools to be lazy\nabout building `Html` that utilize this fact.\n\nRather than immediately applying functions to their arguments, the `lazy`\nfunctions just bundle the function and arguments up for later. When diffing\nthe old and new virtual DOM, it checks to see if all the arguments are equal\nby reference. If so, it skips calling the function!\n\nThis is a really cheap test and often makes things a lot faster, but definitely\nbenchmark to be sure!\n\n@docs lazy, lazy2, lazy3, lazy4, lazy5, lazy6, lazy7\n\n","unions":[],"aliases":[],"values":[{"name":"lazy","comment":" A performance optimization that delays the building of virtual DOM nodes.\n\nCalling `(view model)` will definitely build some virtual DOM, perhaps a lot of\nit. Calling `(lazy view model)` delays the call until later. During diffing, we\ncan check to see if `model` is referentially equal to the previous value used,\nand if so, we just stop. No need to build up the tree structure and diff it,\nwe know if the input to `view` is the same, the output must be the same!\n\n","type":"(a -> Html.Styled.Html msg) -> a -> Html.Styled.Html msg"},{"name":"lazy2","comment":" Same as `lazy` but checks on two arguments.\n","type":"(a -> b -> Html.Styled.Html msg) -> a -> b -> Html.Styled.Html msg"},{"name":"lazy3","comment":" Same as `lazy` but checks on three arguments.\n","type":"(a -> b -> c -> Html.Styled.Html msg) -> a -> b -> c -> Html.Styled.Html msg"},{"name":"lazy4","comment":" Same as `lazy` but checks on four arguments.\n","type":"(a -> b -> c -> d -> Html.Styled.Html msg) -> a -> b -> c -> d -> Html.Styled.Html msg"},{"name":"lazy5","comment":" Same as `lazy` but checks on five arguments.\n","type":"(a -> b -> c -> d -> e -> Html.Styled.Html msg) -> a -> b -> c -> d -> e -> Html.Styled.Html msg"},{"name":"lazy6","comment":" Same as `lazy` but checks on six arguments.\n","type":"(a -> b -> c -> d -> e -> f -> Html.Styled.Html msg) -> a -> b -> c -> d -> e -> f -> Html.Styled.Html msg"},{"name":"lazy7","comment":" Same as `lazy` but checks on seven arguments.\n","type":"(a -> b -> c -> d -> e -> f -> g -> Html.Styled.Html msg) -> a -> b -> c -> d -> e -> f -> g -> Html.Styled.Html msg"}],"binops":[]},{"name":"Svg.Styled","comment":" Drop-in replacement for the `Svg` module from the `elm-lang/svg` package.\n\nThe only functions added are `styled`, `toUnstyled` and `fromUnstyled`:\n\n@docs styled, fromUnstyled, toUnstyled\n\n\n# SVG Nodes\n\n@docs Svg, Attribute, text, node, map\n\n\n# HTML Embedding\n\n@docs svg, foreignObject\n\n\n# Graphics elements\n\n@docs circle, ellipse, image, line, path, polygon, polyline, rect, use\n\n\n# Animation elements\n\n@docs animate, animateColor, animateMotion, animateTransform, mpath, set\n\n\n# Descriptive elements\n\n@docs desc, metadata, title\n\n\n# Containers\n\n@docs a, defs, g, marker, mask, pattern, switch, symbol\n\n\n# Text\n\n@docs altGlyph, altGlyphDef, altGlyphItem, glyph, glyphRef, textPath, text_\n@docs tref, tspan\n\n\n# Fonts\n\n@docs font\n\n\n# Gradients\n\n@docs linearGradient, radialGradient, stop\n\n\n# Filters\n\n@docs feBlend, feColorMatrix, feComponentTransfer, feComposite\n@docs feConvolveMatrix, feDiffuseLighting, feDisplacementMap, feFlood, feFuncA\n@docs feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode\n@docs feMorphology, feOffset, feSpecularLighting, feTile, feTurbulence\n\n\n# Light source elements\n\n@docs feDistantLight, fePointLight, feSpotLight\n\n\n# Miscellaneous\n\n@docs clipPath, colorProfile, cursor, filter, style, view\n\n","unions":[],"aliases":[{"name":"Attribute","comment":" Set attributes on your `Svg`.\n","args":["msg"],"type":"VirtualDom.Styled.Attribute msg"},{"name":"Svg","comment":" The core building block to create SVG. This library is filled with helper\nfunctions to create these `Svg` values.\n\nThis is backed by `VirtualDom.Node` in `evancz/virtual-dom`, but you do not\nneed to know any details about that to use this library!\n\n","args":["msg"],"type":"VirtualDom.Styled.Node msg"}],"values":[{"name":"a","comment":" The SVG Anchor Element defines a hyperlink.\n","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"altGlyph","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"altGlyphDef","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"altGlyphItem","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"animate","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"animateColor","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"animateMotion","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"animateTransform","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"circle","comment":" The circle element is an SVG basic shape, used to create circles based on\na center point and a radius.\n\n    circle [ cx \"60\", cy \"60\", r \"50\" ] []\n\n","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"clipPath","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"colorProfile","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"cursor","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"defs","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"desc","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"ellipse","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feBlend","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feColorMatrix","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feComponentTransfer","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feComposite","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feConvolveMatrix","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feDiffuseLighting","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feDisplacementMap","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feDistantLight","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feFlood","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feFuncA","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feFuncB","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feFuncG","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feFuncR","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feGaussianBlur","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feImage","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feMerge","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feMergeNode","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feMorphology","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feOffset","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"fePointLight","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feSpecularLighting","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feSpotLight","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feTile","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"feTurbulence","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"filter","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"font","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"foreignObject","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Html.Styled.Html msg) -> Svg.Styled.Svg msg"},{"name":"fromUnstyled","comment":" ","type":"VirtualDom.Node msg -> Svg.Styled.Svg msg"},{"name":"g","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"glyph","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"glyphRef","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"image","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"line","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"linearGradient","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"map","comment":" Transform the messages produced by some `Svg`.\n","type":"(a -> msg) -> Svg.Styled.Svg a -> Svg.Styled.Svg msg"},{"name":"marker","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"mask","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"metadata","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"mpath","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"node","comment":" Create any SVG node. To create a `<rect>` helper function, you would write:\n\n    rect : List (Attribute msg) -> List (Svg msg) -> Svg msg\n    rect attributes children =\n        node \"rect\" attributes children\n\nYou should always be able to use the helper functions already defined in this\nlibrary though!\n\n","type":"String.String -> List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"path","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"pattern","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"polygon","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"polyline","comment":" The polyline element is an SVG basic shape, used to create a series of\nstraight lines connecting several points. Typically a polyline is used to\ncreate open shapes.\n\n    polyline [ fill \"none\", stroke \"black\", points \"20,100 40,60 70,80 100,20\" ] []\n\n","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"radialGradient","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"rect","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"set","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"stop","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"style","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"styled","comment":" Takes a function that creates an element, and pre-applies styles to it.\n","type":"(List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg) -> List.List Css.Style -> List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"svg","comment":" The root `<svg>` node for any SVG scene. This example shows a scene\ncontaining a rounded rectangle:\n\n    import Svg exposing (..)\n    import Svg.Attributes exposing (..)\n\n    roundRect =\n        svg\n            [ width \"120\", height \"120\", viewBox \"0 0 120 120\" ]\n            [ rect [ x \"10\", y \"10\", width \"100\", height \"100\", rx \"15\", ry \"15\" ] [] ]\n\n","type":"List.List (Html.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Html.Styled.Html msg"},{"name":"switch","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"symbol","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"text","comment":" A simple text node, no tags at all.\n\nWarning: not to be confused with `text_` which produces the SVG `<text>` tag!\n\n","type":"String.String -> Svg.Styled.Svg msg"},{"name":"textPath","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"text_","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"title","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"toUnstyled","comment":" ","type":"Svg.Styled.Svg msg -> VirtualDom.Node msg"},{"name":"tref","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"tspan","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"use","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"},{"name":"view","comment":" ","type":"List.List (Svg.Styled.Attribute msg) -> List.List (Svg.Styled.Svg msg) -> Svg.Styled.Svg msg"}],"binops":[]},{"name":"Svg.Styled.Attributes","comment":" Drop-in replacement for the `Svg.Attributes` module from the `elm-lang/svg` package.\nThe only functions added are `css`, and `fromUnstyled`:\n\n@docs css, fromUnstyled\n\n\n# Regular attributes\n\n@docs accentHeight, accelerate, accumulate, additive, alphabetic, allowReorder\n@docs amplitude, arabicForm, ascent, attributeName, attributeType, autoReverse\n@docs azimuth, baseFrequency, baseProfile, bbox, begin, bias, by, calcMode\n@docs capHeight, class, clipPathUnits, contentScriptType, contentStyleType, cx, cy\n@docs d, decelerate, descent, diffuseConstant, divisor, dur, dx, dy, edgeMode\n@docs elevation, end, exponent, externalResourcesRequired, filterRes, filterUnits\n@docs format, from, fx, fy, g1, g2, glyphName, glyphRef, gradientTransform\n@docs gradientUnits, hanging, height, horizAdvX, horizOriginX, horizOriginY, id\n@docs ideographic, in_, in2, intercept, k, k1, k2, k3, k4, kernelMatrix\n@docs kernelUnitLength, keyPoints, keySplines, keyTimes, lang, lengthAdjust\n@docs limitingConeAngle, local, markerHeight, markerUnits, markerWidth\n@docs maskContentUnits, maskUnits, mathematical, max, media, method, min, mode\n@docs name, numOctaves, offset, operator, order, orient, orientation, origin\n@docs overlinePosition, overlineThickness, panose1, path, pathLength\n@docs patternContentUnits, patternTransform, patternUnits, pointOrder, points\n@docs pointsAtX, pointsAtY, pointsAtZ, preserveAlpha, preserveAspectRatio\n@docs primitiveUnits, r, radius, refX, refY, renderingIntent, repeatCount\n@docs repeatDur, requiredExtensions, requiredFeatures, restart, result, rotate\n@docs rx, ry, scale, seed, slope, spacing, specularConstant, specularExponent\n@docs speed, spreadMethod, startOffset, stdDeviation, stemh, stemv, stitchTiles\n@docs strikethroughPosition, strikethroughThickness, string, style, surfaceScale\n@docs systemLanguage, tableValues, target, targetX, targetY, textLength, title, to\n@docs transform, type_, u1, u2, underlinePosition, underlineThickness, unicode\n@docs unicodeRange, unitsPerEm, vAlphabetic, vHanging, vIdeographic, vMathematical\n@docs values, version, vertAdvY, vertOriginX, vertOriginY, viewBox, viewTarget\n@docs width, widths, x, xHeight, x1, x2, xChannelSelector, xlinkActuate\n@docs xlinkArcrole, xlinkHref, xlinkRole, xlinkShow, xlinkTitle, xlinkType\n@docs xmlBase, xmlLang, xmlSpace, y, y1, y2, yChannelSelector, z, zoomAndPan\n\n\n# Presentation attributes\n\n@docs alignmentBaseline, baselineShift, clipPath, clipRule, clip\n@docs colorInterpolationFilters, colorInterpolation, colorProfile, colorRendering\n@docs color, cursor, direction, display, dominantBaseline, enableBackground\n@docs fillOpacity, fillRule, fill, filter, floodColor, floodOpacity, fontFamily\n@docs fontSizeAdjust, fontSize, fontStretch, fontStyle, fontVariant, fontWeight\n@docs glyphOrientationHorizontal, glyphOrientationVertical, imageRendering\n@docs kerning, letterSpacing, lightingColor, markerEnd, markerMid, markerStart\n@docs mask, opacity, overflow, pointerEvents, shapeRendering, stopColor\n@docs stopOpacity, strokeDasharray, strokeDashoffset, strokeLinecap\n@docs strokeLinejoin, strokeMiterlimit, strokeOpacity, strokeWidth, stroke\n@docs textAnchor, textDecoration, textRendering, unicodeBidi, visibility\n@docs wordSpacing, writingMode\n\n","unions":[],"aliases":[],"values":[{"name":"accelerate","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"accentHeight","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"accumulate","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"additive","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"alignmentBaseline","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"allowReorder","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"alphabetic","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"amplitude","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"arabicForm","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"ascent","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"attributeName","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"attributeType","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"autoReverse","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"azimuth","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"baseFrequency","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"baseProfile","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"baselineShift","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"bbox","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"begin","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"bias","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"by","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"calcMode","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"capHeight","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"class","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"clip","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"clipPath","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"clipPathUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"clipRule","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"color","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"colorInterpolation","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"colorInterpolationFilters","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"colorProfile","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"colorRendering","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"contentScriptType","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"contentStyleType","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"css","comment":" Apply styles to an element.\n\nSee the [`Css` module documentation](http://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css) for an overview of how to use this function.\n\n","type":"List.List Css.Style -> Svg.Styled.Attribute msg"},{"name":"cursor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"cx","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"cy","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"d","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"decelerate","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"descent","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"diffuseConstant","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"direction","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"display","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"divisor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"dominantBaseline","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"dur","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"dx","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"dy","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"edgeMode","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"elevation","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"enableBackground","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"end","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"exponent","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"externalResourcesRequired","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fill","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fillOpacity","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fillRule","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"filter","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"filterRes","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"filterUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"floodColor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"floodOpacity","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontFamily","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontSize","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontSizeAdjust","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontStretch","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontStyle","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontVariant","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fontWeight","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"format","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"from","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fromUnstyled","comment":" ","type":"VirtualDom.Attribute msg -> Svg.Styled.Attribute msg"},{"name":"fx","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"fy","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"g1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"g2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"glyphName","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"glyphOrientationHorizontal","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"glyphOrientationVertical","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"glyphRef","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"gradientTransform","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"gradientUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"hanging","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"height","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"horizAdvX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"horizOriginX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"horizOriginY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"ideographic","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"imageRendering","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"in2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"in_","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"intercept","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"k","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"k1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"k2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"k3","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"k4","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"kernelMatrix","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"kernelUnitLength","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"kerning","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"keyPoints","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"keySplines","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"keyTimes","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"lang","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"lengthAdjust","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"letterSpacing","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"lightingColor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"limitingConeAngle","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"local","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerEnd","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerHeight","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerMid","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerStart","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"markerWidth","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"mask","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"maskContentUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"maskUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"mathematical","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"max","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"media","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"method","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"min","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"mode","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"name","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"numOctaves","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"offset","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"opacity","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"operator","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"order","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"orient","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"orientation","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"origin","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"overflow","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"overlinePosition","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"overlineThickness","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"panose1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"path","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pathLength","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"patternContentUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"patternTransform","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"patternUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pointOrder","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pointerEvents","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"points","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pointsAtX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pointsAtY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"pointsAtZ","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"preserveAlpha","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"preserveAspectRatio","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"primitiveUnits","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"r","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"radius","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"refX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"refY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"renderingIntent","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"repeatCount","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"repeatDur","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"requiredExtensions","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"requiredFeatures","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"restart","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"result","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"rotate","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"rx","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"ry","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"scale","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"seed","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"shapeRendering","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"slope","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"spacing","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"specularConstant","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"specularExponent","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"speed","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"spreadMethod","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"startOffset","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stdDeviation","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stemh","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stemv","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stitchTiles","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stopColor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stopOpacity","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strikethroughPosition","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strikethroughThickness","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"string","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"stroke","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeDasharray","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeDashoffset","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeLinecap","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeLinejoin","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeMiterlimit","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeOpacity","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"strokeWidth","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"style","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"surfaceScale","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"systemLanguage","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"tableValues","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"target","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"targetX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"targetY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"textAnchor","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"textDecoration","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"textLength","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"textRendering","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"title","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"to","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"transform","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"type_","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"u1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"u2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"underlinePosition","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"underlineThickness","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"unicode","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"unicodeBidi","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"unicodeRange","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"unitsPerEm","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vAlphabetic","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vHanging","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vIdeographic","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vMathematical","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"values","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"version","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vertAdvY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vertOriginX","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"vertOriginY","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"viewBox","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"viewTarget","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"visibility","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"width","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"widths","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"wordSpacing","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"writingMode","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"x","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"x1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"x2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xChannelSelector","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xHeight","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkActuate","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkArcrole","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkHref","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkRole","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkShow","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkTitle","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xlinkType","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xmlBase","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xmlLang","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"xmlSpace","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"y","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"y1","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"y2","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"yChannelSelector","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"z","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"},{"name":"zoomAndPan","comment":" ","type":"String.String -> Svg.Styled.Attribute msg"}],"binops":[]},{"name":"Svg.Styled.Events","comment":"\n\n\n# Mouse\n\n@docs onClick, onMouseDown, onMouseUp, onMouseOver, onMouseOut\n\n\n# Custom\n\n@docs on, stopPropagationOn, preventDefaultOn, custom\n\n","unions":[],"aliases":[],"values":[{"name":"custom","comment":" Create an event listener that may [`stopPropagation`][stop] or\n[`preventDefault`][prevent].\n\n[stop]: https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation\n[prevent]: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault\n\n**Note:** If you need something even more custom (like capture phase) check\nout the lower-level event API in `elm/virtual-dom`.\n\n","type":"String.String -> Json.Decode.Decoder { message : msg, stopPropagation : Basics.Bool, preventDefault : Basics.Bool } -> VirtualDom.Styled.Attribute msg"},{"name":"on","comment":" Create a custom event listener. Normally this will not be necessary, but\nyou have the power! Here is how `onClick` is defined for example:\n\n    import Json.Decode as Decode\n\n    onClick : msg -> Attribute msg\n    onClick message =\n        on \"click\" (Decode.succeed message)\n\nThe first argument is the event name in the same format as with JavaScript's\n[`addEventListener`][aEL] function.\n\nThe second argument is a JSON decoder. Read more about these [here][decoder].\nWhen an event occurs, the decoder tries to turn the event object into an Elm\nvalue. If successful, the value is routed to your `update` function. In the\ncase of `onClick` we always just succeed with the given `message`.\n\nIf this is confusing, work through the [Elm Architecture Tutorial][tutorial].\nIt really helps!\n\n[aEL]: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n[decoder]: /packages/elm/json/latest/Json-Decode\n[tutorial]: https://github.com/evancz/elm-architecture-tutorial/\n\n**Note:** This creates a [passive] event listener, enabling optimizations for\ntouch, scroll, and wheel events in some browsers.\n\n[passive]: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n\n","type":"String.String -> Json.Decode.Decoder msg -> VirtualDom.Styled.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> VirtualDom.Styled.Attribute msg"},{"name":"onMouseDown","comment":" ","type":"msg -> VirtualDom.Styled.Attribute msg"},{"name":"onMouseOut","comment":" ","type":"msg -> VirtualDom.Styled.Attribute msg"},{"name":"onMouseOver","comment":" ","type":"msg -> VirtualDom.Styled.Attribute msg"},{"name":"onMouseUp","comment":" ","type":"msg -> VirtualDom.Styled.Attribute msg"},{"name":"preventDefaultOn","comment":" Create an event listener that may [`preventDefault`][prevent]. Your decoder\nmust produce a message and a `Bool` that decides if `preventDefault` should\nbe called.\n\nFor example, the `onSubmit` function in this library _always_ prevents the\ndefault behavior:\n\n[prevent]: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault\n\n    onSubmit : msg -> Attribute msg\n    onSubmit msg =\n        preventDefaultOn \"submit\" (Json.map alwaysPreventDefault (Json.succeed msg))\n\n    alwaysPreventDefault : msg -> ( msg, Bool )\n    alwaysPreventDefault msg =\n        ( msg, True )\n\n","type":"String.String -> Json.Decode.Decoder ( msg, Basics.Bool ) -> VirtualDom.Styled.Attribute msg"},{"name":"stopPropagationOn","comment":" Create an event listener that may [`stopPropagation`][stop]. Your decoder\nmust produce a message and a `Bool` that decides if `stopPropagation` should\nbe called.\n\n[stop]: https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation\n\n**Note:** This creates a [passive] event listener, enabling optimizations for\ntouch, scroll, and wheel events in some browsers.\n\n[passive]: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n\n","type":"String.String -> Json.Decode.Decoder ( msg, Basics.Bool ) -> VirtualDom.Styled.Attribute msg"}],"binops":[]},{"name":"Svg.Styled.Keyed","comment":" A keyed node helps optimize cases where children are getting added, moved,\nremoved, etc. Common examples include:\n\n  - The user can delete items from a list.\n  - The user can create new items in a list.\n  - You can sort a list based on name or date or whatever.\n\nWhen you use a keyed node, every child is paired with a string identifier. This\nmakes it possible for the underlying diffing algorithm to reuse nodes more\nefficiently.\n\n\n# Keyed Nodes\n\n@docs node\n\n","unions":[],"aliases":[],"values":[{"name":"node","comment":" Works just like `Svg.node`, but you add a unique identifier to each child\nnode. You want this when you have a list of nodes that is changing: adding\nnodes, removing nodes, etc. In these cases, the unique identifiers help make\nthe DOM modifications more efficient.\n","type":"String.String -> List.List (Svg.Styled.Attribute msg) -> List.List ( String.String, Svg.Styled.Svg msg ) -> Svg.Styled.Svg msg"}],"binops":[]},{"name":"Svg.Styled.Lazy","comment":" **NOTE:** `Svg.Lazy` goes up to `lazy8`, but `Svg.Styled.Lazy` can only go\nup to `lazy7` because it uses one of the arguments to track styling info.\n\nSince all Elm functions are pure we have a guarantee that the same input\nwill always result in the same output. This module gives us tools to be lazy\nabout building `Svg` that utilize this fact.\n\nRather than immediately applying functions to their arguments, the `lazy`\nfunctions just bundle the function and arguments up for later. When diffing\nthe old and new virtual DOM, it checks to see if all the arguments are equal.\nIf so, it skips calling the function!\n\nThis is a really cheap test and often makes things a lot faster, but definitely\nbenchmark to be sure!\n\n@docs lazy, lazy2, lazy3, lazy4, lazy5, lazy6, lazy7\n\n","unions":[],"aliases":[],"values":[{"name":"lazy","comment":" A performance optimization that delays the building of virtual DOM nodes.\n\nCalling `(view model)` will definitely build some virtual DOM, perhaps a lot of\nit. Calling `(lazy view model)` delays the call until later. During diffing, we\ncan check to see if `model` is referentially equal to the previous value used,\nand if so, we just stop. No need to build up the tree structure and diff it,\nwe know if the input to `view` is the same, the output must be the same!\n\n","type":"(a -> Svg.Styled.Svg msg) -> a -> Svg.Styled.Svg msg"},{"name":"lazy2","comment":" Same as `lazy` but checks on two arguments.\n","type":"(a -> b -> Svg.Styled.Svg msg) -> a -> b -> Svg.Styled.Svg msg"},{"name":"lazy3","comment":" Same as `lazy` but checks on three arguments.\n","type":"(a -> b -> c -> Svg.Styled.Svg msg) -> a -> b -> c -> Svg.Styled.Svg msg"},{"name":"lazy4","comment":" Same as `lazy` but checks on four arguments.\n","type":"(a -> b -> c -> d -> Svg.Styled.Svg msg) -> a -> b -> c -> d -> Svg.Styled.Svg msg"},{"name":"lazy5","comment":" Same as `lazy` but checks on five arguments.\n","type":"(a -> b -> c -> d -> e -> Svg.Styled.Svg msg) -> a -> b -> c -> d -> e -> Svg.Styled.Svg msg"},{"name":"lazy6","comment":" Same as `lazy` but checks on six arguments.\n","type":"(a -> b -> c -> d -> e -> f -> Svg.Styled.Svg msg) -> a -> b -> c -> d -> e -> f -> Svg.Styled.Svg msg"},{"name":"lazy7","comment":" Same as `lazy` but checks on seven arguments.\n","type":"(a -> b -> c -> d -> e -> f -> g -> Svg.Styled.Svg msg) -> a -> b -> c -> d -> e -> f -> g -> Svg.Styled.Svg msg"}],"binops":[]}]