[
{
"name": "Css.Colors",
"comment": " A nicer default set of colors than the ones CSS ships with. Color codes taken from [clrs.cc](http://clrs.cc).\n\n import Css.Colors exposing (..)\n\n stylesheet\n [ button\n [ backgroundColor blue ]\n ]\n\n...compiles to:\n\n button {\n backgroundColor: #0074D9;\n }\n\n\n# Colors\n\n@docs navy, blue, aqua, teal, olive, green, lime, yellow, orange, red, maroon, fuchsia, purple, black, gray, silver\n\n",
"unions": [],
"aliases": [],
"values": [
{
"name": "aqua",
"comment": " ![](\"https://dummyimage.com/1x1/7fdbff/7fdbff.png\")
\n",
"type": "Color"
},
{
"name": "black",
"comment": " ![](\"https://dummyimage.com/1x1/111111/111111.png\")
\n",
"type": "Color"
},
{
"name": "blue",
"comment": " ![](\"https://dummyimage.com/1x1/0074d9/0074d9.png\")
\n",
"type": "Color"
},
{
"name": "fuchsia",
"comment": " ![](\"https://dummyimage.com/1x1/f012be/f012be.png\")
\n",
"type": "Color"
},
{
"name": "gray",
"comment": " ![](\"https://dummyimage.com/1x1/aaaaaa/aaaaaa.png\")
\n",
"type": "Color"
},
{
"name": "green",
"comment": " ![](\"https://dummyimage.com/1x1/2ecc40/2ecc40.png\")
\n",
"type": "Color"
},
{
"name": "lime",
"comment": " ![](\"https://dummyimage.com/1x1/01ff70/01ff70.png\")
\n",
"type": "Color"
},
{
"name": "maroon",
"comment": " ![](\"https://dummyimage.com/1x1/85144b/85144b.png\")
\n",
"type": "Color"
},
{
"name": "navy",
"comment": " ![](\"https://dummyimage.com/1x1/001f3f/001f3f.png\")
\n",
"type": "Color"
},
{
"name": "olive",
"comment": " ![](\"https://dummyimage.com/1x1/3d9970/3d9970.png\")
\n",
"type": "Color"
},
{
"name": "orange",
"comment": " ![](\"https://dummyimage.com/1x1/ff851b/ff851b.png\")
\n",
"type": "Color"
},
{
"name": "purple",
"comment": " ![](\"https://dummyimage.com/1x1/b10dc9/b10dc9.png\")
\n",
"type": "Color"
},
{
"name": "red",
"comment": " ![](\"https://dummyimage.com/1x1/ff4136/ff4136.png\")
\n",
"type": "Color"
},
{
"name": "silver",
"comment": " ![](\"https://dummyimage.com/1x1/dddddd/dddddd.png\")
\n",
"type": "Color"
},
{
"name": "teal",
"comment": " ![](\"https://dummyimage.com/1x1/39cccc/39cccc.png\")
\n",
"type": "Color"
},
{
"name": "yellow",
"comment": " ![](\"https://dummyimage.com/1x1/ffdc00/ffdc00.png\")
\n",
"type": "Color"
}
],
"binops": []
},
{
"name": "Css.File",
"comment": " Functions for writing CSS files from elm-css.\n\n@docs compile, compiler, toFileStructure, CssFileStructure, CssCompilerProgram\n\n",
"unions": [],
"aliases": [
{
"name": "CssCompilerProgram",
"comment": " A prorgam that compiles a CSS file.\n\nSee [`compiler`](#compiler).\n\n",
"args": [],
"type": "Program Never () Never"
},
{
"name": "CssFileStructure",
"comment": " A description of CSS files that will be created by elm-css.\n",
"args": [],
"type": "List { filename : String, content : String, success : Bool }"
}
],
"values": [
{
"name": "compile",
"comment": " Convenience re-export of Css.compile\n",
"type": "List Stylesheet -> { css : String, warnings : List String }"
},
{
"name": "compiler",
"comment": " Create a program that compiles an elm-css stylesheet to a CSS file.\n\n import Css.File exposing (CssFileStructure, CssCompilerProgram)\n import HomepageCss as Homepage\n\n port files : CssFileStructure -> Cmd msg\n\n fileStructure : CssFileStructure\n fileStructure =\n Css.File.toFileStructure\n [ ( \"homepage.css\", Css.File.compile [ Homepage.css ] ) ]\n\n main : CssCompilerProgram\n main =\n Css.File.compiler files fileStructure\n\n",
"type": "(CssFileStructure -> Cmd Never) -> CssFileStructure -> CssCompilerProgram"
},
{
"name": "toFileStructure",
"comment": " Translate a list of filenames and [`prettyPrint`](#prettyPrint) results\nto a list of tuples suitable for being sent to a port in a Stylesheets.elm file.\n",
"type": "List ( String, { css : String, warnings : List String } ) -> CssFileStructure"
}
],
"binops": []
},
{
"name": "Css",
"comment": " Functions for building stylesheets.\n\n\n# Misc\n\n@docs Stylesheet, asPairs, absolute, all, allPetiteCaps, allSmallCaps, withClass, auto, baseline, block, bold, bolder, border, border2, border3, borderBlockEnd, borderBlockEnd2, borderBlockEnd3, borderBlockEndColor, borderBlockEndStyle, borderBlockStart, borderBlockStart2, borderBlockStart3, borderBlockStartColor, borderBlockStartStyle, borderBottom, borderBottom2, borderBottom3, borderBottomColor, borderBottomLeftRadius, borderBottomLeftRadius2, borderBottomRightRadius, borderBottomRightRadius2, borderBottomStyle, borderWidth, borderWidth2, borderWidth3, borderWidth4, borderBottomWidth, borderBox, borderColor, borderColor2, borderColor3, borderColor4, borderImageOutset, borderImageOutset2, borderImageOutset3, borderImageOutset4, borderImageWidth, borderImageWidth2, borderImageWidth3, borderImageWidth4, borderInlineEnd, borderInlineEnd2, borderInlineEnd3, borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth, borderInlineStart, borderInlineStart2, borderInlineStart3, borderInlineStartColor, borderInlineStartStyle, borderLeft, borderLeft2, borderLeft3, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius, borderRadius2, borderRadius3, borderRadius4, borderRight, borderRight2, borderRight3, borderRightColor, borderRightStyle, borderRightWidth, borderStyle, borderCollapse, borderTop, borderTop2, borderTop3, borderTopColor, borderTopLeftRadius, borderTopLeftRadius2, borderTopRightRadius, borderTopRightRadius2, borderTopStyle, borderTopWidth, bottom, column, columnReverse, commonLigatures, content, contentBox, contextual, cursive, dashed, diagonalFractions, discretionaryLigatures, dotted, double, fantasy, fillBox, fixed, flat, displayFlex, flexEnd, flexStart, groove, hex, hidden, historicalLigatures, hsl, hsla, important, inherit, initial, inline, inlineBlock, inlineFlex, table, inlineTable, tableCell, tableRow, tableColumn, tableCaption, tableRowGroup, tableColumnGroup, tableHeaderGroup, tableFooterGroup, inlineListItem, inset, italic, large, larger, lighter, liningNums, listItem, manipulation, matrix, matrix3d, middle, monospace, noCommonLigatures, noContextual, noDiscretionaryLigatures, noHistoricalLigatures, noWrap, none, normal, oblique, oldstyleNums, ordinal, outset, panX, panLeft, panRight, panY, panUp, panDown, perspective, petiteCaps, pinchZoom, position, float, preserve3d, proportionalNums, relative, rgb, rgba, ridge, rotate, rotate3d, rotateX, rotateY, rotateZ, row, rowReverse, sansSerif, scale, scale2, scale3d, scaleX, scaleY, scroll, serif, skew, skew2, skewX, skewY, slashedZero, small, smallCaps, smaller, solid, stackedFractions, static, sticky, stretch, sub, super, tabularNums, textBottom, textTop, titlingCaps, top, translate, translate2, translate3d, translateX, translateY, translateZ, transparent, unicase, unset, viewBox, visible, wavy, wrap, wrapReverse, xLarge, xSmall, xxLarge, xxSmall, backgroundRepeat, backgroundRepeat2, repeatX, repeatY, repeat, space, round, noRepeat, backgroundAttachment, local, backgroundBlendMode, multiply, overlay, darken, lighten, colorDodge, colorBurn, hardLight, softLight, difference, exclusion, hue, saturation, luminosity, screenBlendMode, backgroundClip, paddingBox, backgroundImage, url, backgroundPosition, backgroundPosition2, backgroundOrigin, backgroundSize, backgroundSize2, cover, contain, both, horizontal, vertical, breakWord, spaceAround, spaceBetween, separate, collapse\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\n# Style\n\n@docs Snippet, Style, batch, stylesheet, compile\n\n\n# Statements\n\n@docs class, id, selector, everything\n\n\n# Combinators\n\n@docs children, descendants, adjacentSiblings, generalSiblings\n\n\n# Media Queries\n\n@docs screen, tv, projection, print\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, textDecorationLine, 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, textJustify, 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, paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd, margin, margin2, margin3, margin4, marginTop, marginBottom, marginRight, marginLeft, marginBlockStart, marginBlockEnd, marginInlineStart, marginInlineEnd, boxSizing, overflow, overflowX, overflowY, overflowWrap, whiteSpace, backgroundColor, color, withMedia, each, media, mediaQuery, 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\n\n\n# Values\n\n\n## Color values\n\n@docs Color all, important, custom, 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, borderInlineEndWidth, borderLeftWidth, borderRightWidth, borderTopWidth, borderBlockEndStyle, borderBlockStartStyle, borderInlineEndStyle, borderBottomStyle, borderInlineStartStyle, borderLeftStyle, borderRightStyle, borderTopStyle, borderStyle, borderBlockStartColor, borderBlockEndColor, borderBottomColor, borderInlineStartColor, borderInlineEndColor, borderLeftColor, borderRightColor, borderTopColor, borderBox, contentBox, border, border2, border3, borderTop, borderTop2, borderTop3, borderBottom, borderBottom2, borderBottom3, borderLeft, borderLeft2, borderLeft3, borderRight, borderRight2, borderRight3, borderBlockEnd, borderBlockEnd2, borderBlockEnd3, borderBlockStart, borderBlockStart2, borderBlockStart3, borderInlineEnd, borderInlineEnd2, borderInlineEnd3, borderInlineStart, borderInlineStart2, borderInlineStart3, 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, solid, 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\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# Pseudo-Classes\n\n@docs pseudoClass, active, any, checked, dir, 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# Media Queries\n\n@docs MediaQuery, screen, print, tv, projection\n\n\n# Source\n\n@docs src\n\n\n# Quoting\n\n@docs qt\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, medium, thick, blink\n\n",
"unions": [],
"aliases": [
{
"name": "Ch",
"comment": " [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n",
"args": [],
"type": "ExplicitLength ChUnits"
},
{
"name": "Cm",
"comment": " [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n",
"args": [],
"type": "ExplicitLength CMUnits"
},
{
"name": "Color",
"comment": " ",
"args": [],
"type": "ColorValue { red : Int, green : Int, blue : Int, alpha : Float }"
},
{
"name": "ColorStop",
"comment": " \n",
"args": [
"compatibleA",
"compatibleB",
"unit"
],
"type": "( ColorValue compatibleA, Maybe (Length compatibleB unit) )"
},
{
"name": "ColorValue",
"comment": " \n",
"args": [
"compatible"
],
"type": "{ compatible | value : String, color : Compatible, warnings : List String }"
},
{
"name": "Em",
"comment": " [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n",
"args": [],
"type": "ExplicitLength EmUnits"
},
{
"name": "Ex",
"comment": " [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n",
"args": [],
"type": "ExplicitLength ExUnits"
},
{
"name": "FontSize",
"comment": " A font size\n",
"args": [
"compatible"
],
"type": "{ compatible | value : String, fontSize : Compatible }"
},
{
"name": "In",
"comment": " [`in`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#in) units.\n",
"args": [],
"type": "ExplicitLength InchUnits"
},
{
"name": "IntOrAuto",
"comment": " \n",
"args": [
"compatible"
],
"type": "{ compatible | value : String, intOrAuto : Compatible }"
},
{
"name": "Length",
"comment": " \n",
"args": [
"compatible",
"units"
],
"type": "{ compatible | value : String, length : Compatible, numericValue : Float, units : units, unitLabel : String }"
},
{
"name": "MediaQuery",
"comment": " ",
"args": [],
"type": "MediaQuery"
},
{
"name": "Mm",
"comment": " [``]() units.\n",
"args": [],
"type": "ExplicitLength MMUnits"
},
{
"name": "Pc",
"comment": " [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n",
"args": [],
"type": "ExplicitLength PcUnits"
},
{
"name": "Pct",
"comment": " [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n",
"args": [],
"type": "ExplicitLength PercentageUnits"
},
{
"name": "Pt",
"comment": " [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n",
"args": [],
"type": "ExplicitLength PtUnits"
},
{
"name": "Px",
"comment": " [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n",
"args": [],
"type": "ExplicitLength PxUnits"
},
{
"name": "Rem",
"comment": " [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n",
"args": [],
"type": "ExplicitLength RemUnits"
},
{
"name": "Snippet",
"comment": " ",
"args": [],
"type": "Snippet"
},
{
"name": "Style",
"comment": " ",
"args": [],
"type": "Style"
},
{
"name": "Stylesheet",
"comment": " ",
"args": [],
"type": "Stylesheet"
},
{
"name": "Vh",
"comment": " [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n",
"args": [],
"type": "ExplicitLength VhUnits"
},
{
"name": "Vmax",
"comment": " [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n",
"args": [],
"type": "ExplicitLength VMaxUnits"
},
{
"name": "Vmin",
"comment": " [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n",
"args": [],
"type": "ExplicitLength VMinUnits"
},
{
"name": "Vw",
"comment": " [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n",
"args": [],
"type": "ExplicitLength VwUnits"
}
],
"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": "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 Style -> Style"
},
{
"name": "adjacentSiblings",
"comment": " ",
"type": "List Snippet -> 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 Style -> 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": "(ExplicitLength IncompatibleUnits -> Style) -> 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": "(ExplicitLength IncompatibleUnits -> Style) -> Style"
},
{
"name": "all",
"comment": " An [`all`](https://developer.mozilla.org/en-US/docs/Web/CSS/all) property.\n",
"type": "All compatible -> Style"
},
{
"name": "allPetiteCaps",
"comment": " ",
"type": "FontVariantCaps {}"
},
{
"name": "allScroll",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "allSmallCaps",
"comment": " ",
"type": "FontVariantCaps {}"
},
{
"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 -> List Style -> Style"
},
{
"name": "arabicIndic",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "armenian",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "asPairs",
"comment": " Take a list of styles and return a list of key-value pairs that\ncan then be passed to a `style` attribute.\n\n styled = asPairs >> Html.Attributes.style\n\n button\n [ styled [ position absolute, left (px 5) ] ]\n [ text \"Whee!\" ]\n\n",
"type": "List Style -> List ( String, String )"
},
{
"name": "auto",
"comment": " ",
"type": "{ lengthOrAuto : Compatible, overflow : Compatible, textRendering : Compatible, flexBasis : Compatible, lengthOrNumberOrAutoOrNoneOrContent : Compatible, alignItemsOrAuto : Compatible, justifyContentOrAuto : Compatible, cursor : Compatible, value : String, lengthOrAutoOrCoverOrContain : Compatible, intOrAuto : Compatible, touchAction : 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": "BackgroundAttachment compatible -> 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": "(ColorValue NonMixable -> Style) -> 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": "BackgroundClip compatible -> Style"
},
{
"name": "backgroundColor",
"comment": " ",
"type": "ColorValue compatible -> 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": "BackgroundImage compatible -> 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": "BackgroundOrigin compatible -> 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": "(ExplicitLength IncompatibleUnits -> Style) -> 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": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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": "BackgroundRepeatShorthand compatible -> 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": "BackgroundRepeat compatibleA -> BackgroundRepeat compatibleB -> 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": "LengthOrAutoOrCoverOrContain compatible -> 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": "LengthOrAuto compatibleA -> LengthOrAuto compatibleB -> 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": "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 stylesheet\n [ class FancyLink\n [ color (rgb 128 64 32)\n , underlineOnHover\n ]\n ]\n\n...has the same result as:\n\n stylesheet\n [ class FancyLink\n [ color (rgb 128 64 32)\n , textDecoration none\n , hover\n [ textDecoration underline ]\n ]\n ]\n\n",
"type": "List Style -> 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 Style -> Style"
},
{
"name": "bengali",
"comment": " ",
"type": "ListStyle (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": "IntentionallyUnsupportedPleaseSeeDocs"
},
{
"name": "block",
"comment": " ",
"type": "Display {}"
},
{
"name": "bold",
"comment": " ",
"type": "FontWeight {}"
},
{
"name": "bolder",
"comment": " ",
"type": "FontWeight {}"
},
{
"name": "border",
"comment": " Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n border2 (px 10) dashed\n border3 (px 10) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "border2",
"comment": " Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n border2 (px 10) dashed\n border3 (px 10) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "border3",
"comment": " Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n border2 (px 10) dashed\n border3 (px 10) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> Style"
},
{
"name": "borderBlockEnd",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderBlockEnd (px 5)\n borderBlockEnd2 (px 5) dashed\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderBlockEnd2",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderBlockEnd (px 5)\n borderBlockEnd2 (px 5) dashed\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderBlockEnd3",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderBlockEnd (px 5)\n borderBlockEnd2 (px 5) dashed\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> Style"
},
{
"name": "borderBlockEndColor",
"comment": " Sets [`border-block-end-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-color)\n\n borderBlockEndColor (rgb 101 202 0)\n\n",
"type": "ColorValue compatible -> Style"
},
{
"name": "borderBlockEndStyle",
"comment": " Sets [`border-block-end-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-style)\n\n borderBlockEndStyle dashed\n\n",
"type": "BorderStyle compatible -> Style"
},
{
"name": "borderBlockStart",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderBlockStart (px 5)\n borderBlockStart2 (px 5) dashed\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderBlockStart2",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderBlockStart (px 5)\n borderBlockStart2 (px 5) dashed\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderBlockStart3",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderBlockStart (px 5)\n borderBlockStart2 (px 5) dashed\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA units -> BorderStyle compatibleB -> ColorValue compatibleC -> Style"
},
{
"name": "borderBlockStartColor",
"comment": " Sets [`border-block-start-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-color)\n\n borderBlockStartColor (rgb 101 202 0)\n\n",
"type": "ColorValue compatible -> Style"
},
{
"name": "borderBlockStartStyle",
"comment": " Sets [`border-block-start-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-style)\n\n borderBlockStartStyle dashed\n\n",
"type": "BorderStyle compatible -> Style"
},
{
"name": "borderBottom",
"comment": " Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n borderBottom2 (px 5) dashed\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderBottom2",
"comment": " Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n borderBottom2 (px 5) dashed\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderBottom3",
"comment": " Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n borderBottom2 (px 5) dashed\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> 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": "ColorValue compatible -> 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 borderBottomLeftRadius2 (em 4) (px 2)\n\n",
"type": "Length compatible units -> 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 borderBottomLeftRadius2 (em 4) (px 2)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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 borderBottomRightRadius2 (em 4) (px 2)\n\n",
"type": "Length compatible units -> 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 borderBottomRightRadius2 (em 4) (px 2)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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": "BorderStyle compatible -> 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": "Length compatible units -> 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": "BoxSizing (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": "BorderCollapse compatible -> 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 borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n",
"type": "ColorValue compatible -> 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 borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n",
"type": "ColorValue compatibleA -> ColorValue compatibleB -> 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 borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n",
"type": "ColorValue compatibleA -> ColorValue compatibleB -> ColorValue compatibleC -> 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 borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n",
"type": "ColorValue compatibleA -> ColorValue compatibleB -> ColorValue compatibleC -> ColorValue compatibleD -> 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 borderImageOutset2 (int 2) (px 15)\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n",
"type": "LengthOrNumber compatible -> 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 borderImageOutset2 (int 2) (px 15)\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> 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 borderImageOutset2 (int 2) (px 15)\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> LengthOrNumber compatibleC -> 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 borderImageOutset2 (int 2) (px 15)\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> LengthOrNumber compatibleC -> LengthOrNumber compatibleD -> 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 borderImageWidth2 (int 3) (px 15)\n borderImageWidth3 (int 3) (px 15) auto\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n",
"type": "LengthOrNumber compatible -> 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 borderImageWidth2 (int 3) (px 15)\n borderImageWidth3 (int 3) (px 15) auto\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> 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 borderImageWidth2 (int 3) (px 15)\n borderImageWidth3 (int 3) (px 15) auto\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> LengthOrNumber compatibleC -> 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 borderImageWidth2 (int 3) (px 15)\n borderImageWidth3 (int 3) (px 15) auto\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n",
"type": "LengthOrNumber compatibleA -> LengthOrNumber compatibleB -> LengthOrNumber compatibleC -> LengthOrNumber compatibleD -> Style"
},
{
"name": "borderInlineEnd",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderInlineEnd (px 5)\n borderInlineEnd2 (px 5) dashed\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderInlineEnd2",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderInlineEnd (px 5)\n borderInlineEnd2 (px 5) dashed\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderInlineEnd3",
"comment": " Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderInlineEnd (px 5)\n borderInlineEnd2 (px 5) dashed\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> Style"
},
{
"name": "borderInlineEndColor",
"comment": " Sets [`border-inline-end-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)\n\n borderInlineEndColor (rgb 101 202 0)\n\n",
"type": "ColorValue compatible -> Style"
},
{
"name": "borderInlineEndStyle",
"comment": " Sets [`border-inline-end-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style)\n\n borderInlineEndStyle dashed\n\n",
"type": "BorderStyle compatible -> Style"
},
{
"name": "borderInlineEndWidth",
"comment": " Sets [`border-inline-end-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-width)\n\n borderInlineEndWidth (em 4)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderInlineStart",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderInlineStart (px 5)\n borderInlineStart2 (px 5) dashed\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderInlineStart2",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderInlineStart (px 5)\n borderInlineStart2 (px 5) dashed\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderInlineStart3",
"comment": " Sets [`border-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start)\n\n borderInlineStart (px 5)\n borderInlineStart2 (px 5) dashed\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> Style"
},
{
"name": "borderInlineStartColor",
"comment": " Sets [`border-inline-start-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)\n\n borderInlineStartColor (rgb 101 202 0)\n\n",
"type": "ColorValue compatible -> Style"
},
{
"name": "borderInlineStartStyle",
"comment": " Sets [`border-inline-start-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style)\n\n borderInlineStartStyle dashed\n\n",
"type": "BorderStyle compatible -> Style"
},
{
"name": "borderLeft",
"comment": " Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n borderLeft2 (px 5) dashed\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderLeft2",
"comment": " Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n borderLeft2 (px 5) dashed\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderLeft3",
"comment": " Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n borderLeft2 (px 5) dashed\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> 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": "ColorValue compatible -> 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": "BorderStyle compatible -> 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": "Length compatible units -> Style"
},
{
"name": "borderRadius",
"comment": " Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n borderRadius2 (em 4) (px 2)\n borderRadius3 (em 4) (px 2) (pct 5)\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderRadius2",
"comment": " Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n borderRadius2 (em 4) (px 2)\n borderRadius3 (em 4) (px 2) (pct 5)\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Style"
},
{
"name": "borderRadius3",
"comment": " Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n borderRadius2 (em 4) (px 2)\n borderRadius3 (em 4) (px 2) (pct 5)\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Style"
},
{
"name": "borderRadius4",
"comment": " Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n borderRadius2 (em 4) (px 2)\n borderRadius3 (em 4) (px 2) (pct 5)\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Length compatibleD unitsD -> Style"
},
{
"name": "borderRight",
"comment": " Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n borderRight2 (px 5) dashed\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderRight2",
"comment": " Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n borderRight2 (px 5) dashed\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderRight3",
"comment": " Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n borderRight2 (px 5) dashed\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> 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": "ColorValue compatible -> 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": "BorderStyle compatible -> 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": "Length compatible units -> 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": "BorderStyle compatible -> Style"
},
{
"name": "borderTop",
"comment": " Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n borderTop2 (px 5) dashed\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderTop2",
"comment": " Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n borderTop2 (px 5) dashed\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> Style"
},
{
"name": "borderTop3",
"comment": " Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n borderTop2 (px 5) dashed\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> 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": "ColorValue compatible -> 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 borderTopLeftRadius2 (em 4) (px 2)\n\n",
"type": "Length compatible units -> 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 borderTopLeftRadius2 (em 4) (px 2)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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 borderTopRightRadius2 (em 4) (px 2)\n\n",
"type": "Length compatible units -> 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 borderTopRightRadius2 (em 4) (px 2)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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": "BorderStyle compatible -> 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 borderTopWidth2 (em 4) (px 2)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderWidth",
"comment": " Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n borderWidth2 (em 4) (px 2)\n borderWidth3 (em 4) (px 2) (pct 5)\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "borderWidth2",
"comment": " Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n borderWidth2 (em 4) (px 2)\n borderWidth3 (em 4) (px 2) (pct 5)\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Style"
},
{
"name": "borderWidth3",
"comment": " Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n borderWidth2 (em 4) (px 2)\n borderWidth3 (em 4) (px 2) (pct 5)\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Style"
},
{
"name": "borderWidth4",
"comment": " Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n borderWidth2 (em 4) (px 2)\n borderWidth3 (em 4) (px 2) (pct 5)\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Length compatibleD unitsD -> Style"
},
{
"name": "both",
"comment": " The `both` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n",
"type": "Resize {}"
},
{
"name": "bottom",
"comment": " The [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom) property.\n\n position absolute\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": "LengthOrAuto compatible -> Style"
},
{
"name": "boxShadow",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "None compatible -> Style"
},
{
"name": "boxShadow2",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Style"
},
{
"name": "boxShadow3",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "Value a -> Length compatibleB unitsB -> Value c -> Style"
},
{
"name": "boxShadow4",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "Value a -> Length compatibleB unitsB -> Length compatibleC unitsC -> Value d -> Style"
},
{
"name": "boxShadow5",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "Value a -> Length compatibleB unitsB -> Length compatibleC unitsC -> Length compatibleD unitsD -> ColorValue compatibleE -> Style"
},
{
"name": "boxShadow6",
"comment": " Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n boxShadow2 (px 1) (px 2)\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n boxShadow3 (px 1) (px 2) (px 3)\n boxShadow3 inset (px 2) (px 3)\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n boxShadow4 inset (px 2) (px 3) (px 4)\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n",
"type": "Value a -> Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Length compatibleD unitsD -> ColorValue compatibleE -> 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": "BoxSizing compatible -> 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": "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\n -- calc(100vh - (2px + 2rem))\n\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": "Calc compatibleA -> CalcExpression -> Calc compatibleB -> CalculatedLength"
},
{
"name": "capitalize",
"comment": " `capitalize` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n",
"type": "TextTransform {}"
},
{
"name": "cell",
"comment": " ",
"type": "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": "TextAlign a b"
},
{
"name": "ch",
"comment": " [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n",
"type": "Float -> 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 Style -> Style"
},
{
"name": "children",
"comment": " ",
"type": "List Snippet -> Style"
},
{
"name": "circle",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "cjkEarthlyBranch",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "cjkHeavenlyStem",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "class",
"comment": " A [class selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors).\n\n stylesheet\n [ class LoginFormButton\n [ fontWeight normal\n , color (rgb 128 64 32)\n ]\n ]\n\n",
"type": "class -> List Style -> Snippet"
},
{
"name": "clip",
"comment": " `clip` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n",
"type": "TextOverflow {}"
},
{
"name": "cm",
"comment": " [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n",
"type": "Float -> Cm"
},
{
"name": "colResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "collapse",
"comment": " A `collapse` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\n",
"type": "BorderCollapse {}"
},
{
"name": "color",
"comment": " ",
"type": "ColorValue compatible -> Style"
},
{
"name": "colorBurn",
"comment": " The `color-burn` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#color-burn).\n",
"type": "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": "BackgroundBlendMode compatible"
},
{
"name": "column",
"comment": " The[`column`]( #Values) value for the\nflex-direction property.\n",
"type": "FlexDirectionOrWrap (FlexDirection {})"
},
{
"name": "columnReverse",
"comment": " The[`column-reverse`]( #Values) value for the\nflex-direction property.\n",
"type": "FlexDirectionOrWrap (FlexDirection {})"
},
{
"name": "commonLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "compile",
"comment": " Compile the given stylesheets to a CSS string, or to an error\nmessage if it could not be compiled.\n",
"type": "List Stylesheet -> { css : String, warnings : List String }"
},
{
"name": "contain",
"comment": " The `contain` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n",
"type": "{ value : String, lengthOrAutoOrCoverOrContain : 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": "LengthOrNumberOrAutoOrNoneOrContent (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": "BoxSizing (BackgroundClip {})"
},
{
"name": "contextMenu",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "contextual",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "copy",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "cover",
"comment": " The `cover` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n",
"type": "{ value : String, lengthOrAutoOrCoverOrContain : Compatible }"
},
{
"name": "crosshair",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "currentColor",
"comment": " The [`currentColor`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#currentColor_keyword)\nvalue.\n",
"type": "ColorValue NonMixable"
},
{
"name": "cursive",
"comment": " ",
"type": "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": "Cursor compatible -> Style"
},
{
"name": "cursorAlias",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "darken",
"comment": " The `darken` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#darken).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "dashed",
"comment": " A `dashed` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle (TextDecorationStyle {})"
},
{
"name": "decimal",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "decimalLeadingZero",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "default",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "deg",
"comment": " [`deg`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg) units.\n",
"type": "number -> AngleOrDirection (Angle {})"
},
{
"name": "descendants",
"comment": " ",
"type": "List Snippet -> Style"
},
{
"name": "devanagari",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "diagonalFractions",
"comment": " ",
"type": "FontVariantNumeric {}"
},
{
"name": "difference",
"comment": " The `difference` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#difference).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "dir",
"comment": " A [`:dir`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Adir)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n",
"type": "Directionality -> List Style -> Style"
},
{
"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 Style -> Style"
},
{
"name": "disc",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "discretionaryLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "display",
"comment": " For `display: flex`, use [`displayFlex`](#displayFlex).\n",
"type": "Display compatible -> Style"
},
{
"name": "displayFlex",
"comment": " `display: flex`. This works around the fact that\n[`flex` is already taken](#flex).\n",
"type": "Style"
},
{
"name": "dotted",
"comment": " A `dotted` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle (TextDecorationStyle {})"
},
{
"name": "double",
"comment": " A `double` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle (TextDecorationStyle {})"
},
{
"name": "eResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "each",
"comment": " ",
"type": "List (List Style -> Snippet) -> List Style -> Snippet"
},
{
"name": "eachLine",
"comment": " `each-line` [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent#Values) value\n",
"type": "TextIndent {}"
},
{
"name": "ellipsis",
"comment": " `ellipsis` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n",
"type": "TextOverflow {}"
},
{
"name": "em",
"comment": " [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n",
"type": "Float -> 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 Style -> 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 Style -> Style"
},
{
"name": "end",
"comment": " `end` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "TextAlign a b"
},
{
"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 Style -> Snippet"
},
{
"name": "ewResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "ex",
"comment": " [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n",
"type": "Float -> Ex"
},
{
"name": "exclusion",
"comment": " The `exclusion` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#exclusion).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "fantasy",
"comment": " ",
"type": "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": "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": "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 -> 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 fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n",
"type": "String -> Int -> FeatureTagValue {}"
},
{
"name": "fill",
"comment": " ",
"type": "ColorValue compatible -> 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": "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": "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 Style -> 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 Style -> 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 Style -> 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 Style -> 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 Style -> 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": "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\n",
"type": "Position (BackgroundAttachment {})"
},
{
"name": "flat",
"comment": " The `flat` value for the [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n",
"type": "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": "LengthOrNumberOrAutoOrNoneOrContent compatible -> 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": "Number compatibleA -> LengthOrNumber compatibleB -> 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": "Number compatibleA -> Number compatibleB -> LengthOrNumber compatibleC -> 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": "FlexBasis compatible -> Style"
},
{
"name": "flexDirection",
"comment": " Sets [`flex-direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) property.\n",
"type": "FlexDirection compatible -> 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": "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": "FlexDirectionOrWrap compatible -> 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": "FlexDirectionOrWrap compatibleA -> FlexDirectionOrWrap compatibleB -> Style"
},
{
"name": "flexGrow",
"comment": " Sets [`flex-grow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) property.\n",
"type": "Number compatible -> Style"
},
{
"name": "flexShrink",
"comment": " Sets [`flex-shrink`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) property.\n",
"type": "Number compatible -> 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": "AlignItems a b"
},
{
"name": "flexWrap",
"comment": " Sets [`flex-wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) property.\n",
"type": "FlexWrap compatible -> 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": "(ExplicitLength IncompatibleUnits -> Style) -> 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 Style -> Style"
},
{
"name": "fontFace",
"comment": " ",
"type": "String -> String"
},
{
"name": "fontFamilies",
"comment": " For multiple font families:\n\n fontFamilies [\"Verdana\", \"Arial\"]\n fontFamilies [(qt \"Gill Sans Extrabold\"), \"Helvetica\", .value sansSerif]\n\n",
"type": "List String -> 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": "FontFamily a -> 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 fontFeatureSettings (featureTag2 \"smcp\" on)\n fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n",
"type": "FeatureTagValue a -> 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 (FeatureTagValue a) -> Style"
},
{
"name": "fontSize",
"comment": " Sets [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\n\n fontSize xxSmall\n fontSize (px 12)\n\n",
"type": "FontSize a -> 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": "FontStyle a -> Style"
},
{
"name": "fontVariant",
"comment": " Sets [`font-variant`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant)\n\n fontVariant smallCaps\n fontVariant2 commonLigatures smallCaps\n fontVariant3 commonLigatures smallCaps slashedZero\n fontVariants [ oldstyleNums tabularNums stackedFractions ordinal slashedZero ]\n\n",
"type": "FontVariant a -> Style"
},
{
"name": "fontVariant2",
"comment": " ",
"type": "FontVariant compatibleA -> FontVariant compatibleB -> Style"
},
{
"name": "fontVariant3",
"comment": " ",
"type": "FontVariant compatibleA -> FontVariant compatibleB -> FontVariant compatibleC -> Style"
},
{
"name": "fontVariantCaps",
"comment": " ",
"type": "FontVariantCaps a -> Style"
},
{
"name": "fontVariantLigatures",
"comment": " ",
"type": "FontVariantLigatures a -> Style"
},
{
"name": "fontVariantNumeric",
"comment": " ",
"type": "FontVariantNumeric a -> Style"
},
{
"name": "fontVariantNumeric2",
"comment": " ",
"type": "FontVariantNumeric compatibleA -> FontVariantNumeric compatibleB -> Style"
},
{
"name": "fontVariantNumeric3",
"comment": " ",
"type": "FontVariantNumeric compatibleA -> FontVariantNumeric compatibleB -> FontVariantNumeric compatibleC -> Style"
},
{
"name": "fontVariantNumerics",
"comment": " ",
"type": "List (FontVariantNumeric compatible) -> Style"
},
{
"name": "fontWeight",
"comment": " Sets [`font-weight`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\n\n fontWeight bold\n fontWeight (int 300)\n\n",
"type": "FontWeight a -> Style"
},
{
"name": "fullWidth",
"comment": " `full-width` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n",
"type": "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 Style -> Style"
},
{
"name": "generalSiblings",
"comment": " ",
"type": "List Snippet -> Style"
},
{
"name": "geometricPrecision",
"comment": " `geometricPrecision` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n",
"type": "TextRendering {}"
},
{
"name": "georgian",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "grab",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "grabbing",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "grad",
"comment": " [`grad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#grad) units.\n",
"type": "number -> AngleOrDirection (Angle {})"
},
{
"name": "groove",
"comment": " A `groove` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle {}"
},
{
"name": "gujarati",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "gurmukhi",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "hanging",
"comment": " `hanging` [`hanging`](https://developer.mozilla.org/en-US/docs/Web/CSS/hanging#Values) value\n",
"type": "TextIndent {}"
},
{
"name": "hardLight",
"comment": " The `hard-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hard-light).\n",
"type": "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": "LengthOrAuto compatible -> Style"
},
{
"name": "help",
"comment": " ",
"type": "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 -> 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).\n\n",
"type": "Overflow (BorderStyle {})"
},
{
"name": "historicalLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "horizontal",
"comment": " The `horizontal` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n",
"type": "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 Style -> 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": "Float -> Float -> Float -> 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": "Float -> Float -> Float -> Float -> Color"
},
{
"name": "hue",
"comment": " The `hue` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hue).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "id",
"comment": " An [id selector](https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors).\n\n stylesheet\n [ id NavBar\n [ width 960 px\n , backgroundColor (rgb 123 42 208)\n ]\n ]\n\n",
"type": "id -> List Style -> Snippet"
},
{
"name": "important",
"comment": " Transforms the given property by adding !important to the end of its\ndeclaration.\n",
"type": "Style -> 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": "Float -> 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 Style -> Style"
},
{
"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": "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": "BasicProperty"
},
{
"name": "inline",
"comment": " ",
"type": "Display {}"
},
{
"name": "inlineBlock",
"comment": " ",
"type": "Display {}"
},
{
"name": "inlineFlex",
"comment": " Sets the display style to [`inline-flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "Display {}"
},
{
"name": "inlineListItem",
"comment": " ",
"type": "Display {}"
},
{
"name": "inlineTable",
"comment": " Sets the display style to [`inline-table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "Display {}"
},
{
"name": "inset",
"comment": " An `inset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle {}"
},
{
"name": "inside",
"comment": " ",
"type": "ListStyle (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": "Int -> IntOrAuto (LengthOrNumberOrAutoOrNoneOrContent (LengthOrNumber (FontWeight (Number { numericValue : Float, unitLabel : String, units : 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 Style -> Style"
},
{
"name": "italic",
"comment": " ",
"type": "FontStyle {}"
},
{
"name": "justifyAll",
"comment": " `justify-all` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "TextAlign a b"
},
{
"name": "justifyContent",
"comment": " Sets [`justify-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).\n",
"type": "(ExplicitLength IncompatibleUnits -> Style) -> Style"
},
{
"name": "kannada",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "khmer",
"comment": " ",
"type": "ListStyle (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 -> List Style -> Style"
},
{
"name": "lao",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "large",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "larger",
"comment": " ",
"type": "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 Style -> 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 Style -> Style"
},
{
"name": "left",
"comment": " The [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/left) property.\n\n position absolute\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": "LengthOrAuto compatible -> 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": "Length compatible units -> Style"
},
{
"name": "lighten",
"comment": " The `lighten` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#lighten).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "lighter",
"comment": " ",
"type": "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": "LengthOrNumber compatible -> 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": "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 linearGradient (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n",
"type": "ColorStop compatibleA compatibleB unit -> ColorStop compatibleA compatibleB unit -> List (ColorStop compatibleA compatibleB unit) -> BackgroundImage (ListStyle {})"
},
{
"name": "linearGradient2",
"comment": " Sets [`linear-gradient`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)\n\n linearGradient toBottomLeft (stop2 red <| pct 75%) (stop <| hex \"222\") []\n linearGradient toTop (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n",
"type": "AngleOrDirection compatible -> ColorStop compatibleA compatibleB unit -> ColorStop compatibleA compatibleB unit -> List (ColorStop compatibleA compatibleB unit) -> BackgroundImage (ListStyle {})"
},
{
"name": "liningNums",
"comment": " ",
"type": "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 Style -> Style"
},
{
"name": "listItem",
"comment": " ",
"type": "Display {}"
},
{
"name": "listStyle",
"comment": " The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n",
"type": "ListStyle compatible -> Style"
},
{
"name": "listStyle2",
"comment": " The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n",
"type": "ListStyle compatible1 -> ListStyle compatible2 -> Style"
},
{
"name": "listStyle3",
"comment": " The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n",
"type": "ListStyle compatible1 -> ListStyle compatible2 -> ListStyle compatible3 -> Style"
},
{
"name": "listStylePosition",
"comment": " The [`list-style-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position) property.\n",
"type": "ListStylePosition compatible -> Style"
},
{
"name": "listStyleType",
"comment": " The [`list-style-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type) property.\n",
"type": "ListStyleType compatible -> Style"
},
{
"name": "local",
"comment": " The `local` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\n",
"type": "BackgroundAttachment {}"
},
{
"name": "lowerAlpha",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "lowerGreek",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "lowerLatin",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "lowerRoman",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "lowercase",
"comment": " `lowercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n",
"type": "TextTransform {}"
},
{
"name": "luminosity",
"comment": " The `luminosity` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#luminosity).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "malayalam",
"comment": " ",
"type": "ListStyle (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": "TouchAction {}"
},
{
"name": "margin",
"comment": " Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n margin2 (px 10) (px 10)\n margin3 (px 10) (px 10) (px 10)\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "LengthOrAuto compatible -> Style"
},
{
"name": "margin2",
"comment": " Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n margin2 (px 10) (px 10)\n margin3 (px 10) (px 10) (px 10)\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "LengthOrAuto compatibleA -> LengthOrAuto compatibleB -> Style"
},
{
"name": "margin3",
"comment": " Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n margin2 (px 10) (px 10)\n margin3 (px 10) (px 10) (px 10)\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "LengthOrAuto compatibleA -> LengthOrAuto compatibleB -> LengthOrAuto compatibleC -> Style"
},
{
"name": "margin4",
"comment": " Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n margin2 (px 10) (px 10)\n margin3 (px 10) (px 10) (px 10)\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "LengthOrAuto compatibleA -> LengthOrAuto compatibleB -> LengthOrAuto compatibleC -> LengthOrAuto compatibleD -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> 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": "LengthOrAuto compatible -> Style"
},
{
"name": "matchParent",
"comment": " `match-parent` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "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": "number -> number -> number -> number -> number -> number -> 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": "number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> number -> 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": "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": "LengthOrNoneOrMinMaxDimension compatible -> 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": "LengthOrNoneOrMinMaxDimension compatible -> Style"
},
{
"name": "media",
"comment": " ",
"type": "List MediaQuery -> List Snippet -> Snippet"
},
{
"name": "mediaQuery",
"comment": " ",
"type": "String -> List Snippet -> Snippet"
},
{
"name": "medium",
"comment": " ",
"type": "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": "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": "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": "LengthOrMinMaxDimension compatible -> 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": "LengthOrMinMaxDimension compatible -> 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": "CalcExpression"
},
{
"name": "mm",
"comment": " [``]() units.\n",
"type": "Float -> Mm"
},
{
"name": "monospace",
"comment": " ",
"type": "FontFamily {}"
},
{
"name": "move",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "multiply",
"comment": " The `multiply` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#multiply).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "myanmar",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "nResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "neResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "neswResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "noCommonLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "noContextual",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "noDiscretionaryLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "noDrop",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "noHistoricalLigatures",
"comment": " ",
"type": "FontVariantLigatures {}"
},
{
"name": "noRepeat",
"comment": " The `no-repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "BackgroundRepeat {}"
},
{
"name": "noWrap",
"comment": " ",
"type": "WhiteSpace (FlexDirectionOrWrap (FlexWrap {}))"
},
{
"name": "none",
"comment": " ",
"type": "{ borderStyle : Compatible, cursor : Compatible, display : Compatible, lengthOrNumberOrAutoOrNoneOrContent : Compatible, none : Compatible, lengthOrNone : Compatible, lengthOrNoneOrMinMaxDimension : Compatible, listStyleType : Compatible, listStyleTypeOrPositionOrImage : Compatible, outline : Compatible, resize : Compatible, textDecorationLine : Compatible, transform : Compatible, backgroundImage : Compatible, value : String, textTransform : Compatible, touchAction : Compatible }"
},
{
"name": "normal",
"comment": " ",
"type": "Wrap (FontStyleOrFeatureTagValue (FontWeight {}))"
},
{
"name": "notAllowed",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "nsResize",
"comment": " ",
"type": "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 -> List Style -> 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 -> List Style -> 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 -> List Style -> 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 -> List Style -> Style"
},
{
"name": "num",
"comment": " A unitless number. Useful with properties like [`flexGrow`](#flexGrow)\nwhich accept unitless numbers.\n",
"type": "Float -> LengthOrNumberOrAutoOrNoneOrContent (LengthOrNumber (Number { numericValue : Float, unitLabel : String, units : UnitlessFloat }))"
},
{
"name": "nwResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "nwseResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "oblique",
"comment": " ",
"type": "FontStyle {}"
},
{
"name": "oldstyleNums",
"comment": " ",
"type": "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 Style -> 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 Style -> Style"
},
{
"name": "opacity",
"comment": " ",
"type": "Number compatible -> Style"
},
{
"name": "optimizeLegibility",
"comment": " `optimizeLegibility` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n",
"type": "TextRendering {}"
},
{
"name": "optimizeSpeed",
"comment": " `optimizeSpeed` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n",
"type": "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 Style -> Style"
},
{
"name": "order",
"comment": " Sets [`order`](https://developer.mozilla.org/en-US/docs/Web/CSS/order) property.\n",
"type": "Number compatible -> Style"
},
{
"name": "ordinal",
"comment": " ",
"type": "FontVariantNumeric {}"
},
{
"name": "oriya",
"comment": " ",
"type": "ListStyle (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 Style -> Style"
},
{
"name": "outline",
"comment": " Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n outline zero\n outline initial\n outline3 (px 10) dashed (rgb 11 14 17)\n\n",
"type": "Outline compatible -> Style"
},
{
"name": "outline3",
"comment": " Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n outline zero\n outline initial\n outline3 (px 10) dashed (rgb 11 14 17)\n\n",
"type": "Length compatibleA unitsA -> BorderStyle compatibleB -> ColorValue compatibleC -> 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 outlineColor (hex \"#ffffff\")\n outlineColor (hsla 120 0.5 0.5 0.5)\n\n",
"type": "ColorValue compatible -> Style"
},
{
"name": "outlineOffset",
"comment": " Sets [`outline-offset`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\n\n outlineOffset (px 10)\n outlineOffset (em 1.4)\n outlineOffset (pct 50)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "outlineStyle",
"comment": " Sets [`outline-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style)\n\n outlineStyle dashed\n outlineStyle solid\n outlineStyle outset\n\n",
"type": "BorderStyle compatible -> Style"
},
{
"name": "outlineWidth",
"comment": " Sets [`outline-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\n\n outlineWidth (px 10)\n outlineWidth (em 1.4)\n outlineWidth none\n\n",
"type": "LengthOrNone compatible -> Style"
},
{
"name": "outset",
"comment": " An `outset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle {}"
},
{
"name": "outside",
"comment": " ",
"type": "ListStyle (ListStylePosition {})"
},
{
"name": "overflow",
"comment": " ",
"type": "Overflow compatible -> Style"
},
{
"name": "overflowWrap",
"comment": " ",
"type": "Wrap compatible -> Style"
},
{
"name": "overflowX",
"comment": " ",
"type": "Overflow compatible -> Style"
},
{
"name": "overflowY",
"comment": " ",
"type": "Overflow compatible -> Style"
},
{
"name": "overlay",
"comment": " The `overlay` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#overlay).\n",
"type": "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": "TextDecorationLine {}"
},
{
"name": "padding",
"comment": " Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n padding2 (px 10) (px 10)\n padding3 (px 10) (px 10) (px 10)\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "padding2",
"comment": " Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n padding2 (px 10) (px 10)\n padding3 (px 10) (px 10) (px 10)\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Style"
},
{
"name": "padding3",
"comment": " Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n padding2 (px 10) (px 10)\n padding3 (px 10) (px 10) (px 10)\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Style"
},
{
"name": "padding4",
"comment": " Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n padding2 (px 10) (px 10)\n padding3 (px 10) (px 10) (px 10)\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> Length compatible units -> Style"
},
{
"name": "paddingBlockEnd",
"comment": " Sets [`padding-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end)\n\n paddingBlockEnd (px 10)\n\n",
"type": "LengthOrAuto compatible -> Style"
},
{
"name": "paddingBlockStart",
"comment": " Sets [`padding-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start)\n\n paddingBlockStart (px 10)\n\n",
"type": "LengthOrAuto compatible -> 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": "Length compatible units -> Style"
},
{
"name": "paddingBox",
"comment": " The `padding-box` [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) value.\n",
"type": "BackgroundClip {}"
},
{
"name": "paddingInlineEnd",
"comment": " Sets [`padding-inline-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)\n\n paddingInlineEnd (px 10)\n\n",
"type": "LengthOrAuto compatible -> Style"
},
{
"name": "paddingInlineStart",
"comment": " Sets [`padding-inline-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)\n\n paddingInlineStart (px 10)\n\n",
"type": "LengthOrAuto compatible -> Style"
},
{
"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": "Length compatible units -> 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": "Length compatible units -> 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": "Length compatible units -> Style"
},
{
"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": "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": "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": "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": "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": "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": "TouchAction {}"
},
{
"name": "pc",
"comment": " [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n",
"type": "Float -> Pc"
},
{
"name": "pct",
"comment": " [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n",
"type": "Float -> 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": "number -> Transform {}"
},
{
"name": "petiteCaps",
"comment": " ",
"type": "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": "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": "CalcExpression"
},
{
"name": "pointer",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "position",
"comment": " The [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property.\n",
"type": "Position compatible -> Style"
},
{
"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": "TransformStyle {}"
},
{
"name": "print",
"comment": " ",
"type": "MediaQuery"
},
{
"name": "progress",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "projection",
"comment": " ",
"type": "MediaQuery"
},
{
"name": "property",
"comment": " Define a custom property.\n\n stylesheet\n [ body\n [ property \"-webkit-font-smoothing\" \"none\" ]\n ]\n\n...outputs\n\n body {\n -webkit-font-smoothing: none;\n }\n\n",
"type": "String -> String -> Style"
},
{
"name": "proportionalNums",
"comment": " ",
"type": "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 stylesheet\n [ body\n [ pseudoClass \"-moz-any-link\" [ color (hex \"f00\") ] ]\n ]\n\n...outputs\n\n body:-moz-any-link {\n color: #f00;\n }\n\n",
"type": "String -> List Style -> Style"
},
{
"name": "pseudoElement",
"comment": " Define a custom pseudo-element.\n\n stylesheet\n [ body\n [ pseudoElement \"-webkit-scrollbar\" [ display none ] ]\n ]\n\n...outputs\n\n body::-webkit-scrollbar {\n display: none;\n }\n\n",
"type": "String -> List Style -> Style"
},
{
"name": "pt",
"comment": " [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n",
"type": "Float -> Pt"
},
{
"name": "px",
"comment": " [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n",
"type": "Float -> 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 fontFamilies [(qt \"Gill Sans Extrabold\"), \"Helvetica\", .value sansSerif]\n\n",
"type": "String -> String"
},
{
"name": "rad",
"comment": " [`rad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#rad) units.\n",
"type": "number -> AngleOrDirection (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 Style -> 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": "Position {}"
},
{
"name": "rem",
"comment": " [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n",
"type": "Float -> Rem"
},
{
"name": "repeat",
"comment": " The `repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "BackgroundRepeat {}"
},
{
"name": "repeatX",
"comment": " The `repeat-x` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "BackgroundRepeatShorthand {}"
},
{
"name": "repeatY",
"comment": " The `repeat-y` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "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 Style -> Style"
},
{
"name": "resize",
"comment": " ",
"type": "Resize compatible -> Style"
},
{
"name": "rgb",
"comment": " [RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb())\nin functional notation.\n",
"type": "Int -> Int -> Int -> Color"
},
{
"name": "rgba",
"comment": " [RGBA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()).\n",
"type": "Int -> Int -> Int -> Float -> Color"
},
{
"name": "ridge",
"comment": " A `ridge` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle {}"
},
{
"name": "right",
"comment": " Sets [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/right).\n\n position absolute\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": "LengthOrAuto compatible -> 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 Style -> 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": "Angle compatible -> 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": "number -> number -> number -> Angle compatible -> 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": "Angle compatible -> 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": "Angle compatible -> 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": "Angle compatible -> Transform {}"
},
{
"name": "round",
"comment": " The `round` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "BackgroundRepeat {}"
},
{
"name": "row",
"comment": " The[`row`]( #Values) value for the\nflex-direction property.\n",
"type": "FlexDirectionOrWrap (FlexDirection {})"
},
{
"name": "rowResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "rowReverse",
"comment": " The[`row-reverse`]( #Values) value for the\nflex-direction property.\n",
"type": "FlexDirectionOrWrap (FlexDirection {})"
},
{
"name": "sResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "sansSerif",
"comment": " ",
"type": "FontFamily {}"
},
{
"name": "saturation",
"comment": " The `saturation` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#saturation).\n",
"type": "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": "number -> 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": "number -> number -> 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": "number -> number -> number -> 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": "number -> 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": "number -> 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 Style -> Style"
},
{
"name": "screen",
"comment": " ",
"type": "MediaQuery"
},
{
"name": "screenBlendMode",
"comment": " The `screen` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#screen).\n",
"type": "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.\n",
"type": "Overflow (BackgroundAttachment {})"
},
{
"name": "seResize",
"comment": " ",
"type": "Cursor {}"
},
{
"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 Style -> Style"
},
{
"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 stylesheet \"homepage\"\n [ selector \"* [lang^=en]\"\n [ textDecoration underline\n , color (rgb 7 7 7)\n ]\n ]\n\n",
"type": "String -> List Style -> Snippet"
},
{
"name": "separate",
"comment": " A `separate` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\n",
"type": "BorderCollapse {}"
},
{
"name": "serif",
"comment": " ",
"type": "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": "Angle compatible -> 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": "Angle compatibleA -> Angle compatibleB -> 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": "Angle compatible -> 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": "Angle compatible -> Transform {}"
},
{
"name": "slashedZero",
"comment": " ",
"type": "FontVariantNumeric {}"
},
{
"name": "small",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "smallCaps",
"comment": " ",
"type": "FontVariantCaps {}"
},
{
"name": "smaller",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "softLight",
"comment": " The `soft-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#soft-light).\n",
"type": "BackgroundBlendMode compatible"
},
{
"name": "solid",
"comment": " A `solid` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n",
"type": "BorderStyle (TextDecorationStyle {})"
},
{
"name": "space",
"comment": " The `space` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n",
"type": "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": "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": "JustifyContent a b"
},
{
"name": "square",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "src",
"comment": " ",
"type": "ImportType compatible -> String"
},
{
"name": "stackedFractions",
"comment": " ",
"type": "FontVariantNumeric {}"
},
{
"name": "start",
"comment": " `start` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "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": "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": "Position {}"
},
{
"name": "stop",
"comment": " [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "ColorValue compatibleA -> ColorStop compatibleA compatibleB unit"
},
{
"name": "stop2",
"comment": " [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "ColorValue compatibleA -> Length compatibleB unit -> 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": "AlignItems a b"
},
{
"name": "stylesheet",
"comment": " A stylesheet.\n\n stylesheet\n [ body\n [ width (px 960)\n , color (rgb 7 7 7)\n ]\n ]\n\n",
"type": "List Snippet -> Stylesheet"
},
{
"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": "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": "VerticalAlign a b"
},
{
"name": "swResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "table",
"comment": " Sets the display style to [`table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "Display {}"
},
{
"name": "tableCaption",
"comment": " Sets the display style to [`table-caption`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "Display {}"
},
{
"name": "tableCell",
"comment": " Sets the display style to [`table-cell`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "Display {}"
},
{
"name": "tableColumn",
"comment": " Sets the display style to [`table-column`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "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": "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": "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": "Display {}"
},
{
"name": "tableRow",
"comment": " Sets the display style to [`table-row`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n",
"type": "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": "Display {}"
},
{
"name": "tabularNums",
"comment": " ",
"type": "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 Style -> Style"
},
{
"name": "telugu",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "text",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "textAlign",
"comment": " Sets [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "(ExplicitLength IncompatibleUnits -> Style) -> 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": "(ExplicitLength IncompatibleUnits -> Style) -> 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": "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 textDecoration2 underline wavy\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "TextDecorationLine a -> Style"
},
{
"name": "textDecoration2",
"comment": " Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecoration underline\n textDecoration2 underline wavy\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "TextDecorationLine compatibleA -> TextDecorationStyle compatibleB -> Style"
},
{
"name": "textDecoration3",
"comment": " Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecoration underline\n textDecoration2 underline wavy\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "TextDecorationLine compatibleA -> TextDecorationStyle compatibleB -> ColorValue compatibleC -> 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": "TextDecorationLine compatible -> 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 (TextDecorationLine compatible) -> 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": "TextDecorationStyle compatible -> Style"
},
{
"name": "textDecorations",
"comment": " Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "List (TextDecorationLine compatible) -> Style"
},
{
"name": "textDecorations2",
"comment": " Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "List (TextDecorationLine compatibleA) -> TextDecorationStyle compatibleB -> Style"
},
{
"name": "textDecorations3",
"comment": " Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n textDecorations2 [ underline, overline ] wavy\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n",
"type": "List (TextDecorationLine compatibleA) -> TextDecorationStyle compatibleB -> ColorValue compatibleC -> 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": "ColorValue compatible -> Style"
},
{
"name": "textIndent",
"comment": " Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n textIndent2 (px 40) hanging\n textIndent3 (px 40) hanging eachLine\n\n",
"type": "Length compatible units -> Style"
},
{
"name": "textIndent2",
"comment": " Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n textIndent2 (px 40) hanging\n textIndent3 (px 40) hanging eachLine\n\n",
"type": "Length compatibleA unitsA -> TextIndent compatibleB -> Style"
},
{
"name": "textIndent3",
"comment": " Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n textIndent2 (px 40) hanging\n textIndent3 (px 40) hanging eachLine\n\n",
"type": "Length compatibleA unitsA -> TextIndent compatibleB -> TextIndent compatibleC -> Style"
},
{
"name": "textJustify",
"comment": " `text-justify` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "TextAlign a b"
},
{
"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": "TextOrientation compatible -> 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": "TextOverflow compatible -> Style"
},
{
"name": "textRendering",
"comment": " Sets [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering).\n",
"type": "TextRendering a -> Style"
},
{
"name": "textShadow",
"comment": " Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n textShadow2 (px 1) (px 2)\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n",
"type": "None compatible -> Style"
},
{
"name": "textShadow2",
"comment": " Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n textShadow2 (px 1) (px 2)\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Style"
},
{
"name": "textShadow3",
"comment": " Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n textShadow2 (px 1) (px 2)\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> ColorValue compatibleC -> Style"
},
{
"name": "textShadow4",
"comment": " Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n textShadow2 (px 1) (px 2)\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> ColorValue compatibleD -> 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": "VerticalAlign a b"
},
{
"name": "textTransform",
"comment": " Sets [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform).\n",
"type": "TextTransform compatible -> Style"
},
{
"name": "thai",
"comment": " ",
"type": "ListStyle (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 stylesheet\n [ button\n [ property \"border-left\" \"thick\" ]\n ]\n\n",
"type": "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 stylesheet\n [ button\n [ property \"border-left\" \"thin\" ]\n ]\n\n",
"type": "IntentionallyUnsupportedPleaseSeeDocs"
},
{
"name": "titlingCaps",
"comment": " ",
"type": "FontVariantCaps {}"
},
{
"name": "toBottom",
"comment": " Sets the direction to [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toBottomLeft",
"comment": " Sets the direction to [`bottom left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toBottomRight",
"comment": " Sets the direction to [`bottom right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toLeft",
"comment": " Sets the direction to [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toRight",
"comment": " Sets the direction to [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toTop",
"comment": " Sets the direction to [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toTopLeft",
"comment": " Sets the direction to [`top left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "toTopRight",
"comment": " Sets the direction to [`top right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n",
"type": "AngleOrDirection {}"
},
{
"name": "top",
"comment": " The [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/top) property.\n\n position absolute\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": "LengthOrAuto compatible -> 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": "TouchAction compatible -> 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": "Transform compatible -> Style"
},
{
"name": "transformBox",
"comment": " The [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n",
"type": "TransformBox compatible -> Style"
},
{
"name": "transformStyle",
"comment": " The [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n",
"type": "TransformStyle compatible -> 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 (Transform compatible) -> 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 transform (translate2 (px 100) (pct -45))\n\n",
"type": "Length compatible units -> 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 transform (translate2 (px 100) (pct -45))\n\n",
"type": "Length compatibleA unitsA -> Length compatibleB unitsB -> 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": "Length compatibleA unitsA -> Length compatibleB unitsB -> Length compatibleC unitsC -> 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": "Length compatible units -> 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": "Length compatible units -> 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": "Length compatible units -> Transform {}"
},
{
"name": "transparent",
"comment": " A [`transparent`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#transparent_keyword) color.\n",
"type": "ColorValue NonMixable"
},
{
"name": "true",
"comment": " `true` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n",
"type": "TextAlign a b"
},
{
"name": "turn",
"comment": " [`turn`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#tr) units.\n",
"type": "number -> AngleOrDirection (Angle {})"
},
{
"name": "tv",
"comment": " ",
"type": "MediaQuery"
},
{
"name": "underline",
"comment": " An [`underline`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n",
"type": "TextDecorationLine {}"
},
{
"name": "unicase",
"comment": " ",
"type": "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": "BasicProperty"
},
{
"name": "upperAlpha",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "upperLatin",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "upperRoman",
"comment": " ",
"type": "ListStyle (ListStyleType {})"
},
{
"name": "uppercase",
"comment": " `uppercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n",
"type": "TextTransform {}"
},
{
"name": "url",
"comment": " The `url` [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) value.\n",
"type": "String -> 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 Style -> Style"
},
{
"name": "vertical",
"comment": " The `vertical` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n",
"type": "Resize {}"
},
{
"name": "verticalAlign",
"comment": " Sets [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align).\n",
"type": "(ExplicitLength IncompatibleUnits -> Style) -> Style"
},
{
"name": "verticalText",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "vh",
"comment": " [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n",
"type": "Float -> 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": "TransformBox {}"
},
{
"name": "visible",
"comment": " The `visible` value for the [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) property.\n",
"type": "Overflow {}"
},
{
"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 Style -> Style"
},
{
"name": "vmax",
"comment": " [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n",
"type": "Float -> Vmax"
},
{
"name": "vmin",
"comment": " [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n",
"type": "Float -> Vmin"
},
{
"name": "vw",
"comment": " [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n",
"type": "Float -> Vw"
},
{
"name": "wResize",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "wait",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "wavy",
"comment": " A `wavy` [text decoration style](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style#Values).\n",
"type": "TextDecorationStyle {}"
},
{
"name": "whiteSpace",
"comment": " ",
"type": "WhiteSpace compatible -> Style"
},
{
"name": "width",
"comment": " Sets [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\n\n width (px 960)\n\n",
"type": "LengthOrAuto compatible -> Style"
},
{
"name": "withClass",
"comment": " ",
"type": "class -> List Style -> Style"
},
{
"name": "withMedia",
"comment": " ",
"type": "List MediaQuery -> List Style -> 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": "FlexDirectionOrWrap (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": "FlexDirectionOrWrap (FlexWrap {})"
},
{
"name": "xLarge",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "xSmall",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "xxLarge",
"comment": " ",
"type": "FontSize {}"
},
{
"name": "xxSmall",
"comment": " ",
"type": "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 for a useful library\nto manage z-index values.\n\n",
"type": "IntOrAuto compatible -> Style"
},
{
"name": "zero",
"comment": " Convenience length value that compiles to 0 with no units.\n\n stylesheet\n [ ul\n [ padding zero ]\n ]\n\n...compiles to:\n\n ul {\n padding: 0;\n }\n\n",
"type": "{ value : String, length : Compatible, lengthOrNumber : Compatible, lengthOrNone : Compatible, lengthOrAuto : Compatible, lengthOrMinMaxDimension : Compatible, lengthOrNoneOrMinMaxDimension : Compatible, number : Compatible, outline : Compatible, units : UnitlessInteger, unitLabel : String, numericValue : Float, lengthOrAutoOrCoverOrContain : Compatible }"
},
{
"name": "zoomIn",
"comment": " ",
"type": "Cursor {}"
},
{
"name": "zoomOut",
"comment": " ",
"type": "Cursor {}"
}
],
"binops": [
{
"name": "|*|",
"comment": " Multiply two lengths.\n\n >>> em 3 |*| em 6\n em 18\n\n",
"type": "Length compatible units -> Length compatible units -> Length compatible units",
"associativity": "left",
"precedence": 9
},
{
"name": "|+|",
"comment": " Add two lengths.\n\n >>> em 2 |+| em 3\n em 5\n\n",
"type": "Length compatible units -> Length compatible units -> Length compatible units",
"associativity": "left",
"precedence": 9
},
{
"name": "|-|",
"comment": " Subtract two lengths.\n\n >>> em 7 |-| em 3\n em 4\n\n",
"type": "Length compatible units -> Length compatible units -> Length compatible units",
"associativity": "left",
"precedence": 9
},
{
"name": "|/|",
"comment": " Divide two lengths.\n\n >>> em 9 |/| em 2\n em 4.5\n\n",
"type": "Length compatible units -> Length compatible units -> Length compatible units",
"associativity": "left",
"precedence": 9
}
]
},
{
"name": "Css.Namespace",
"comment": " Namespacing\n@docs namespace\n",
"unions": [],
"aliases": [],
"values": [
{
"name": "namespace",
"comment": " takes an identifier, namespaces the list of snippets given with that identifier\n",
"type": "a -> List Snippet -> List Snippet"
}
],
"binops": []
},
{
"name": "Css.Elements",
"comment": " Selectors for HTML elements.\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\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": [],
"values": [
{
"name": "a",
"comment": " Selector for an `` element.\n",
"type": "List Style -> Snippet"
},
{
"name": "article",
"comment": " Selector for an article element.\n",
"type": "List Style -> Snippet"
},
{
"name": "aside",
"comment": " Selector for a [aside](https://developer.mozilla.org/en/docs/Web/HTML/Element/aside) element.\n",
"type": "List Style -> Snippet"
},
{
"name": "audio",
"comment": " Selector for an audio element.\n",
"type": "List Style -> Snippet"
},
{
"name": "blockquote",
"comment": " Selector for a blockquote element.\n",
"type": "List Style -> Snippet"
},
{
"name": "body",
"comment": " Selector for a body element.\n",
"type": "List Style -> Snippet"
},
{
"name": "button",
"comment": " Selector for a button element.\n",
"type": "List Style -> Snippet"
},
{
"name": "canvas",
"comment": " Selector for a canvas element.\n",
"type": "List Style -> Snippet"
},
{
"name": "caption",
"comment": " Selector for a caption element.\n",
"type": "List Style -> Snippet"
},
{
"name": "circle",
"comment": " Selector for a circle element.\n",
"type": "List Style -> Snippet"
},
{
"name": "code",
"comment": " Selector for a code element.\n",
"type": "List Style -> Snippet"
},
{
"name": "col",
"comment": " Selector for a col element.\n",
"type": "List Style -> Snippet"
},
{
"name": "colgroup",
"comment": " Selector for a colgroup element.\n",
"type": "List Style -> 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 Style -> Snippet"
},
{
"name": "div",
"comment": " Selector for a div element.\n",
"type": "List Style -> 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 Style -> 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 Style -> Snippet"
},
{
"name": "ellipse",
"comment": " Selector for a ellipse element.\n",
"type": "List Style -> Snippet"
},
{
"name": "em",
"comment": " Selector for a em element.\n",
"type": "List Style -> Snippet"
},
{
"name": "fieldset",
"comment": " Selector for a fieldset element.\n",
"type": "List Style -> Snippet"
},
{
"name": "footer",
"comment": " Selector for a footer element.\n",
"type": "List Style -> Snippet"
},
{
"name": "form",
"comment": " Selector for a form element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h1",
"comment": " Selector for an h1 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h2",
"comment": " Selector for an h2 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h3",
"comment": " Selector for an h3 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h4",
"comment": " Selector for an h4 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h5",
"comment": " Selector for an h5 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "h6",
"comment": " Selector for an h6 element.\n",
"type": "List Style -> Snippet"
},
{
"name": "header",
"comment": " Selector for a header element.\n",
"type": "List Style -> Snippet"
},
{
"name": "hr",
"comment": " Selector for an hr element.\n",
"type": "List Style -> Snippet"
},
{
"name": "html",
"comment": " Selector for a html element.\n",
"type": "List Style -> Snippet"
},
{
"name": "i",
"comment": " Selector for a i element.\n",
"type": "List Style -> Snippet"
},
{
"name": "img",
"comment": " Selector for a img element.\n",
"type": "List Style -> Snippet"
},
{
"name": "input",
"comment": " Selector for an input element.\n",
"type": "List Style -> Snippet"
},
{
"name": "label",
"comment": " Selector for a label element.\n",
"type": "List Style -> Snippet"
},
{
"name": "legend",
"comment": " Selector for a legend element.\n",
"type": "List Style -> Snippet"
},
{
"name": "li",
"comment": " Selector for an li element.\n",
"type": "List Style -> Snippet"
},
{
"name": "line",
"comment": " Selector for a line element.\n",
"type": "List Style -> Snippet"
},
{
"name": "main_",
"comment": " Selector for a main element.\n",
"type": "List Style -> Snippet"
},
{
"name": "menu",
"comment": " Selector for a [menu](https://developer.mozilla.org/en/docs/Web/HTML/Element/menu) element.\n",
"type": "List Style -> Snippet"
},
{
"name": "nav",
"comment": " Selector for a nav element.\n",
"type": "List Style -> Snippet"
},
{
"name": "ol",
"comment": " Selector for an ol element.\n",
"type": "List Style -> Snippet"
},
{
"name": "optgroup",
"comment": " Selector for an optgroup element.\n",
"type": "List Style -> Snippet"
},
{
"name": "option",
"comment": " Selector for an option element.\n",
"type": "List Style -> Snippet"
},
{
"name": "p",
"comment": " Selector for a p element.\n",
"type": "List Style -> Snippet"
},
{
"name": "path",
"comment": " Selector for a path element.\n",
"type": "List Style -> Snippet"
},
{
"name": "polygon",
"comment": " Selector for a polygon element.\n",
"type": "List Style -> Snippet"
},
{
"name": "polyline",
"comment": " Selector for a polyline element.\n",
"type": "List Style -> Snippet"
},
{
"name": "pre",
"comment": " Selector for a pre element.\n",
"type": "List Style -> Snippet"
},
{
"name": "progress",
"comment": " Selector for a progress element.\n",
"type": "List Style -> Snippet"
},
{
"name": "q",
"comment": " Selector for a [q](https://developer.mozilla.org/en/docs/Web/HTML/Element/q) element.\n",
"type": "List Style -> Snippet"
},
{
"name": "rect",
"comment": " Selector for a rect element.\n",
"type": "List Style -> Snippet"
},
{
"name": "section",
"comment": " Selector for a section element.\n",
"type": "List Style -> Snippet"
},
{
"name": "select",
"comment": " Selector for a select element.\n",
"type": "List Style -> Snippet"
},
{
"name": "small",
"comment": " Selector for a small element.\n",
"type": "List Style -> Snippet"
},
{
"name": "span",
"comment": " Selector for a span element.\n",
"type": "List Style -> Snippet"
},
{
"name": "strong",
"comment": " Selector for a strong element.\n",
"type": "List Style -> Snippet"
},
{
"name": "svg",
"comment": " Selector for a svg element.\n",
"type": "List Style -> Snippet"
},
{
"name": "table",
"comment": " Selector for a table element.\n",
"type": "List Style -> Snippet"
},
{
"name": "tbody",
"comment": " Selector for a tbody element.\n",
"type": "List Style -> Snippet"
},
{
"name": "td",
"comment": " Selector for a td element.\n",
"type": "List Style -> Snippet"
},
{
"name": "textarea",
"comment": " Selector for a textarea element.\n",
"type": "List Style -> Snippet"
},
{
"name": "tfoot",
"comment": " Selector for a tfoot element.\n",
"type": "List Style -> Snippet"
},
{
"name": "th",
"comment": " Selector for a th element.\n",
"type": "List Style -> Snippet"
},
{
"name": "thead",
"comment": " Selector for a thead element.\n",
"type": "List Style -> Snippet"
},
{
"name": "time",
"comment": " Selector for a [time](https://developer.mozilla.org/en/docs/Web/HTML/Element/time) element.\n",
"type": "List Style -> Snippet"
},
{
"name": "tr",
"comment": " Selector for a tr element.\n",
"type": "List Style -> Snippet"
},
{
"name": "typeSelector",
"comment": " Define a custom element.\n\n stylesheet\n [ typeSelector \"aside\" [ display block ]\n ]\n\n...outputs\n\n aside {\n display: block;\n }\n\n",
"type": "String -> List Style -> Snippet"
},
{
"name": "ul",
"comment": " Selector for a ul element.\n",
"type": "List Style -> Snippet"
},
{
"name": "video",
"comment": " Selector for a video element.\n",
"type": "List Style -> Snippet"
}
],
"binops": []
}
]