[{"name":"Css","comment":" Functions for building stylesheets.\n\n\n# Misc\n\n@docs Compatible, Stylesheet, asPairs, absolute, all, allPetiteCaps\n@docs allSmallCaps, withClass, auto, baseline, block, bold, bolder, border, border2\n@docs border3, borderBlockEnd, borderBlockEnd2, borderBlockEnd3, borderBlockEndColor\n@docs borderBlockEndStyle, borderBlockStart, borderBlockStart2, borderBlockStart3\n@docs borderBlockStartColor, borderBlockStartStyle, borderBottom, borderBottom2\n@docs borderBottom3, borderBottomColor, borderBottomLeftRadius\n@docs borderBottomLeftRadius2, borderBottomRightRadius, borderBottomRightRadius2\n@docs borderBottomStyle, borderWidth, borderWidth2, borderWidth3, borderWidth4\n@docs borderBottomWidth, borderBox, borderColor, borderColor2, borderColor3\n@docs borderColor4, borderImageOutset, borderImageOutset2, borderImageOutset3\n@docs borderImageOutset4, borderImageWidth, borderImageWidth2, borderImageWidth3\n@docs borderImageWidth4, borderInlineEnd, borderInlineEnd2, borderInlineEnd3\n@docs borderInlineEndColor, borderInlineEndStyle, borderInlineEndWidth\n@docs borderInlineStart, borderInlineStart2, borderInlineStart3\n@docs borderInlineStartColor, borderInlineStartStyle, borderLeft, borderLeft2\n@docs borderLeft3, borderLeftColor, borderLeftStyle, borderLeftWidth, borderRadius\n@docs borderRadius2, borderRadius3, borderRadius4, borderRight, borderRight2\n@docs borderRight3, borderRightColor, borderRightStyle, borderRightWidth\n@docs borderStyle, borderCollapse, borderTop, borderTop2, borderTop3, borderTopColor\n@docs borderTopLeftRadius, borderTopLeftRadius2, borderTopRightRadius\n@docs borderTopRightRadius2, borderTopStyle, borderTopWidth, bottom, column\n@docs columnReverse, commonLigatures, content, contentBox, contextual, cursive\n@docs dashed, diagonalFractions, discretionaryLigatures, dotted, double, fantasy\n@docs fillBox, fixed, flat, displayFlex, flexEnd, flexStart, groove, hidden\n@docs historicalLigatures, important, inherit, initial, inline\n@docs inlineBlock, inlineFlex, table, inlineTable, tableCell, tableRow, tableColumn\n@docs tableCaption, tableRowGroup, tableColumnGroup, tableHeaderGroup\n@docs tableFooterGroup, inlineListItem, inset, italic, large, larger, lighter\n@docs liningNums, listItem, manipulation, matrix, matrix3d, middle, monospace\n@docs noCommonLigatures, noContextual, noDiscretionaryLigatures\n@docs noHistoricalLigatures, noWrap, none, normal, oblique, oldstyleNums, ordinal\n@docs outset, panX, panLeft, panRight, panY, panUp, panDown, perspective, petiteCaps\n@docs pinchZoom, position, float, preserve3d, proportionalNums, relative\n@docs ridge, rotate, rotate3d, rotateX, rotateY, rotateZ, row, rowReverse, sansSerif\n@docs scale, scale2, scale3d, scaleX, scaleY, scroll, serif, skew, skew2, skewX\n@docs skewY, slashedZero, small, smallCaps, smaller, stackedFractions, static\n@docs sticky, stretch, sub, super, tabularNums, textBottom, textTop, titlingCaps\n@docs top, translate, translate2, translate3d, translateX, translateY, translateZ\n@docs unicase, unset, viewBox, visible, wavy, wrap, wrapReverse, xLarge\n@docs xSmall, xxLarge, xxSmall, backgroundRepeat, backgroundRepeat2, repeatX\n@docs repeatY, repeat, space, round, noRepeat, backgroundAttachment, local\n@docs backgroundBlendMode, multiply, overlay, darken, lighten, colorDodge, colorBurn\n@docs hardLight, softLight, difference, exclusion, hue, saturation, luminosity\n@docs screenBlendMode, backgroundClip, paddingBox, backgroundImage, url\n@docs backgroundPosition, backgroundPosition2, backgroundOrigin, backgroundSize\n@docs backgroundSize2, cover, contain, both, horizontal, vertical, breakWord\n@docs separate, collapse\n\n@docs listStyleType, disc, circle, square, decimal, decimalLeadingZero\n@docs lowerRoman, upperRoman, lowerGreek, lowerAlpha, lowerLatin, upperAlpha\n@docs upperLatin, arabicIndic, armenian, bengali, cjkEarthlyBranch, cjkHeavenlyStem\n@docs devanagari, georgian, gujarati, gurmukhi, kannada, khmer, lao, malayalam\n@docs myanmar, oriya, telugu, thai @docs listStylePosition, inside, outside\n@docs listStyle, listStyle2, listStyle3 @docs linearGradient, linearGradient2, stop\n@docs stop2, toBottom, toBottomLeft, toBottomRight, toLeft, toRight, toTop\n@docs toTopLeft, toTopRight\n\n@docs AlignItems, All, Angle, AngleOrDirection, BackgroundAttachment\n@docs BackgroundBlendMode, BackgroundClip, BackgroundImage, BackgroundOrigin\n@docs BackgroundRepeat, BackgroundRepeatShorthand, BasicProperty, BorderCollapse\n@docs BorderStyle, BoxSizing, Calc, CalcExpression, Cursor, Directionality, Display\n@docs ExplicitLength, FeatureTagValue, FlexBasis, FlexDirection, FlexDirectionOrWrap\n@docs FlexWrap, FontFamily, FontStyle, FontStyleOrFeatureTagValue, FontVariant\n@docs FontVariantCaps, FontVariantLigatures, FontVariantNumeric, FontWeight\n@docs ImportType, IncompatibleUnits, JustifyContent, LengthOrAuto\n@docs LengthOrAutoOrCoverOrContain, LengthOrMinMaxDimension, LengthOrNone\n@docs LengthOrNoneOrMinMaxDimension, LengthOrNumber\n@docs LengthOrNumberOrAutoOrNoneOrContent, ListStyle, ListStylePosition\n@docs ListStyleType, MinMaxDimension, NonMixable, None, Number, Outline, Overflow\n@docs Position, Resize, TextDecorationLine, TextDecorationStyle, TextIndent\n@docs TextOrientation, TextOverflow, TextRendering, TextTransform, TouchAction\n@docs Transform, TransformBox, TransformStyle, Value, VerticalAlign, WhiteSpace\n@docs Wrap, pre, preLine, preWrap\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# Properties\n\n@docs property, flex, flex2, flex3, alignSelf, alignItems\n@docs justifyContent, order, flexDirection, flexFlow1, flexFlow2, flexWrap\n@docs flexBasis, flexGrow, flexShrink, transformStyle, transformBox, transform\n@docs transforms, currentColor, underline, overline, lineThrough, textOrientation\n@docs textDecoration, textDecoration2, textDecoration3, textDecorationLine\n@docs textDecorations, textDecorations2, textDecorations3, textDecorationLines\n@docs textDecorationStyle, textEmphasisColor, capitalize\n@docs uppercase, lowercase, fullWidth, hanging, eachLine, textIndent, textIndent2\n@docs textIndent3, clip, ellipsis, textOverflow, optimizeSpeed, optimizeLegibility\n@docs geometricPrecision, textRendering, textTransform, textAlign, textAlignLast\n@docs left, right, center, justify, justifyAll, start, end, matchParent, true\n@docs verticalAlign, display, opacity, minContent, maxContent, fitContent\n@docs fillAvailable, width, minWidth, maxWidth, height, minHeight, maxHeight\n@docs padding, padding2, padding3, padding4, paddingTop, paddingBottom, paddingRight\n@docs paddingLeft, paddingBlockStart, paddingBlockEnd, paddingInlineStart\n@docs paddingInlineEnd, margin, margin2, margin3, margin4, marginTop, marginBottom\n@docs marginRight, marginLeft, marginBlockStart, marginBlockEnd, marginInlineStart\n@docs marginInlineEnd, boxSizing, overflow, overflowX, overflowY, overflowWrap\n@docs whiteSpace, backgroundColor, color, each, textShadow, textShadow2, textShadow3\n@docs textShadow4, boxShadow, boxShadow2, boxShadow3, boxShadow4, boxShadow5\n@docs boxShadow6, lineHeight, letterSpacing, fontFace, fontFamily, fontSize\n@docs fontStyle, fontWeight, fontVariant, fontVariant2, fontVariant3\n@docs fontVariantLigatures, fontVariantCaps, fontVariantNumeric, fontVariantNumeric2\n@docs fontVariantNumeric3, fontFamilies, fontVariantNumerics, fontFeatureSettings\n@docs fontFeatureSettingsList, cursor, outline, outline3, outlineColor, outlineWidth\n@docs outlineStyle, outlineOffset, zIndex, spaceAround, spaceBetween, resize, fill\n@docs touchAction, borderSpacing, borderSpacing2\n\n\n# Values\n\n\n## Color values\n\n@docs Color, 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 default, pointer, crosshair, contextMenu, help, progress, wait, cell, text\n@docs verticalText, cursorAlias, copy, move, noDrop, notAllowed, eResize, nResize\n@docs neResize, nwResize, sResize, seResize, swResize, wResize, ewResize, nsResize\n@docs neswResize, nwseResize, colResize, rowResize, allScroll, zoomIn, zoomOut, grab\n@docs 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@docs addLengths, subtractLengths, multiplyLengths, divideLengths\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\n@docs firstChild, firstOfType, fullscreen, focus, hover, visited, indeterminate\n@docs invalid, lang, lastChild, lastOfType, link, nthChild, nthLastChild\n@docs nthLastOfType, nthOfType, onlyChild, onlyOfType, optional, outOfRange\n@docs readWrite, required, root, scope, target, valid\n\n\n# Pseudo-Elements\n\n@docs pseudoElement, after, before, firstLetter, firstLine, selection\n\n\n# Source\n\n@docs src\n\n\n# Quoting\n\n@docs qt\n\n\n# 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":[{"name":"CalcExpression","comment":" ","args":[],"cases":[]},{"name":"Directionality","comment":" ","args":[],"cases":[]},{"name":"IncompatibleUnits","comment":" ","args":[],"cases":[]}],"aliases":[{"name":"AlignItems","comment":" \n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"All","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, all : Css.Compatible }"},{"name":"Angle","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, angle : Css.Compatible }"},{"name":"AngleOrDirection","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, angleOrDirection : Css.Compatible }"},{"name":"BackgroundAttachment","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundAttachment : Css.Compatible }"},{"name":"BackgroundBlendMode","comment":" Because `color` is both a common propertie and common value\nin CSS (e.g. `color: red` with and `background-blend-mode: color`),\nwe implement it as a property (for the `color: red` case) and allow it to\nbe used as a value as well. When being used as a value, we call it, expect\nthat it will return the desired String as its key, and use that as our value.\n(See `getOverloadedProperty`. Note that `VerticalAlign`.)\n","args":["a"],"type":"Css.ColorValue a -> Css.Style"},{"name":"BackgroundClip","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundClip : Css.Compatible }"},{"name":"BackgroundImage","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundImage : Css.Compatible }"},{"name":"BackgroundOrigin","comment":" \n","args":["compatible"],"type":"Css.BackgroundClip compatible"},{"name":"BackgroundRepeat","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, backgroundRepeat : Css.Compatible, backgroundRepeatShorthand : Css.Compatible }"},{"name":"BackgroundRepeatShorthand","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, backgroundRepeatShorthand : Css.Compatible }"},{"name":"BasicProperty","comment":" ","args":[],"type":"{ value : String.String, all : Css.Compatible, alignItems : Css.Compatible, borderStyle : Css.Compatible, boxSizing : Css.Compatible, color : Css.Compatible, cursor : Css.Compatible, display : Css.Compatible, flexBasis : Css.Compatible, flexWrap : Css.Compatible, flexDirection : Css.Compatible, flexDirectionOrWrap : Css.Compatible, justifyContent : Css.Compatible, none : Css.Compatible, number : Css.Compatible, outline : Css.Compatible, overflow : Css.Compatible, textDecorationLine : Css.Compatible, textRendering : Css.Compatible, textIndent : Css.Compatible, textDecorationStyle : Css.Compatible, textTransform : Css.Compatible, length : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, listStyleType : Css.Compatible, listStylePosition : Css.Compatible, listStyleTypeOrPositionOrImage : Css.Compatible, fontFamily : Css.Compatible, fontSize : Css.Compatible, fontStyle : Css.Compatible, fontWeight : Css.Compatible, fontVariant : Css.Compatible, units : Css.IncompatibleUnits, numericValue : Basics.Float, unitLabel : String.String, warnings : List.List String.String, backgroundRepeat : Css.Compatible, backgroundRepeatShorthand : Css.Compatible, backgroundAttachment : Css.Compatible, backgroundBlendMode : Css.Compatible, backgroundOrigin : Css.Compatible, backgroundImage : Css.Compatible, lengthOrAutoOrCoverOrContain : Css.Compatible, intOrAuto : Css.Compatible, touchAction : Css.Compatible, whiteSpace : Css.Compatible }"},{"name":"BorderCollapse","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, borderCollapse : Css.Compatible }"},{"name":"BorderStyle","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, borderStyle : Css.Compatible }"},{"name":"BoxSizing","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, boxSizing : Css.Compatible }"},{"name":"Calc","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, calc : Css.Compatible }"},{"name":"Ch","comment":" [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n","args":[],"type":"Css.ExplicitLength Css.ChUnits"},{"name":"Cm","comment":" [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n","args":[],"type":"Css.ExplicitLength Css.CMUnits"},{"name":"Color","comment":" ","args":[],"type":"Css.ColorValue { red : Basics.Int, green : Basics.Int, blue : Basics.Int, alpha : Basics.Float }"},{"name":"ColorStop","comment":" \n","args":["compatibleA","compatibleB","unit"],"type":"( Css.ColorValue compatibleA, Maybe.Maybe (Css.Length compatibleB unit) )"},{"name":"ColorValue","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, color : Css.Compatible, warnings : List.List String.String }"},{"name":"Compatible","comment":" ","args":[],"type":"Css.Structure.Compatible"},{"name":"Cursor","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, cursor : Css.Compatible }"},{"name":"Display","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, display : Css.Compatible }"},{"name":"Em","comment":" [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n","args":[],"type":"Css.ExplicitLength Css.EmUnits"},{"name":"Ex","comment":" [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n","args":[],"type":"Css.ExplicitLength Css.ExUnits"},{"name":"ExplicitLength","comment":" ","args":["units"],"type":"{ value : String.String, numericValue : Basics.Float, units : units, unitLabel : String.String, length : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, textIndent : Css.Compatible, flexBasis : Css.Compatible, absoluteLength : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, fontSize : Css.Compatible, lengthOrAutoOrCoverOrContain : Css.Compatible, calc : Css.Compatible }"},{"name":"FeatureTagValue","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, featureTagValue : Css.Compatible, warnings : List.List String.String }"},{"name":"FlexBasis","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, flexBasis : Css.Compatible }"},{"name":"FlexDirection","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, flexDirection : Css.Compatible }"},{"name":"FlexDirectionOrWrap","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, flexDirectionOrWrap : Css.Compatible }"},{"name":"FlexWrap","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, flexWrap : Css.Compatible }"},{"name":"FontFamily","comment":" A font family\n","args":["compatible"],"type":"{ compatible | value : String.String, fontFamily : Css.Compatible }"},{"name":"FontSize","comment":" A font size\n","args":["compatible"],"type":"{ compatible | value : String.String, fontSize : Css.Compatible }"},{"name":"FontStyle","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontStyle : Css.Compatible }"},{"name":"FontStyleOrFeatureTagValue","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, warnings : List.List String.String, fontStyle : Css.Compatible, featureTagValue : Css.Compatible }"},{"name":"FontVariant","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible }"},{"name":"FontVariantCaps","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantCaps : Css.Compatible }"},{"name":"FontVariantLigatures","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantLigatures : Css.Compatible }"},{"name":"FontVariantNumeric","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontVariant : Css.Compatible, fontVariantNumeric : Css.Compatible }"},{"name":"FontWeight","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, fontWeight : Css.Compatible }"},{"name":"ImportType","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, import_ : Css.Compatible }"},{"name":"In","comment":" [`in`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#in) units.\n","args":[],"type":"Css.ExplicitLength Css.InchUnits"},{"name":"IntOrAuto","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, intOrAuto : Css.Compatible }"},{"name":"JustifyContent","comment":" \n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"Length","comment":" \n","args":["compatible","units"],"type":"{ compatible | value : String.String, length : Css.Compatible, numericValue : Basics.Float, units : units, unitLabel : String.String }"},{"name":"LengthOrAuto","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrAuto : Css.Compatible }"},{"name":"LengthOrAutoOrCoverOrContain","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"LengthOrMinMaxDimension","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrMinMaxDimension : Css.Compatible }"},{"name":"LengthOrNone","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNone : Css.Compatible }"},{"name":"LengthOrNoneOrMinMaxDimension","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNoneOrMinMaxDimension : Css.Compatible }"},{"name":"LengthOrNumber","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNumber : Css.Compatible }"},{"name":"LengthOrNumberOrAutoOrNoneOrContent","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible }"},{"name":"ListStyle","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, listStyleTypeOrPositionOrImage : Css.Compatible }"},{"name":"ListStylePosition","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, listStylePosition : Css.Compatible }"},{"name":"ListStyleType","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, listStyleType : Css.Compatible }"},{"name":"MinMaxDimension","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, minMaxDimension : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible }"},{"name":"Mm","comment":" [\\`\\`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#mm) units.\n","args":[],"type":"Css.ExplicitLength Css.MMUnits"},{"name":"NonMixable","comment":" A [`ColorValue`](#ColorValue) that does not have `red`, `green`, or `blue`\nvalues.\n","args":[],"type":"{}"},{"name":"None","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, none : Css.Compatible }"},{"name":"Number","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String, number : Css.Compatible }"},{"name":"Outline","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, outline : Css.Compatible }"},{"name":"Overflow","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, overflow : Css.Compatible }"},{"name":"Pc","comment":" [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n","args":[],"type":"Css.ExplicitLength Css.PcUnits"},{"name":"Pct","comment":" [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n","args":[],"type":"Css.ExplicitLength Css.PercentageUnits"},{"name":"Position","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, position : Css.Compatible }"},{"name":"Pt","comment":" [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n","args":[],"type":"Css.ExplicitLength Css.PtUnits"},{"name":"Px","comment":" [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n","args":[],"type":"Css.ExplicitLength Css.PxUnits"},{"name":"Rem","comment":" [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n","args":[],"type":"Css.ExplicitLength Css.RemUnits"},{"name":"Resize","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, resize : Css.Compatible }"},{"name":"Snippet","comment":" ","args":[],"type":"Css.Preprocess.Snippet"},{"name":"Style","comment":" ","args":[],"type":"Css.Preprocess.Style"},{"name":"Stylesheet","comment":" ","args":[],"type":"Css.Preprocess.Stylesheet"},{"name":"TextDecorationLine","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textDecorationLine : Css.Compatible }"},{"name":"TextDecorationStyle","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textDecorationStyle : Css.Compatible }"},{"name":"TextIndent","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textIndent : Css.Compatible }"},{"name":"TextOrientation","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textOrientation : Css.Compatible }"},{"name":"TextOverflow","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textOverflow : Css.Compatible }"},{"name":"TextRendering","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textRendering : Css.Compatible }"},{"name":"TextTransform","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, textTransform : Css.Compatible }"},{"name":"TouchAction","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, touchAction : Css.Compatible }"},{"name":"Transform","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, transform : Css.Compatible }"},{"name":"TransformBox","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, transformBox : Css.Compatible }"},{"name":"TransformStyle","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, transformStyle : Css.Compatible }"},{"name":"Value","comment":" ","args":["compatible"],"type":"{ compatible | value : String.String }"},{"name":"VerticalAlign","comment":" Because `top` and `bottom` are both common properties and common values\nin CSS (e.g. `top: 5px` with `position: absolute` and `vertical-align: top`),\nwe implement it as a property (for the `top: 5px` case) and allow it to\nbe used as a value as well. When being used as a value, we call it, expect\nthat it will return the desired String as its key, and use that as our value.\n(See `getOverloadedProperty`. Note that `TextAlign` follows a similar pattern.)\n","args":["a","b"],"type":"Css.Length a b -> Css.Style"},{"name":"Vh","comment":" [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n","args":[],"type":"Css.ExplicitLength Css.VhUnits"},{"name":"Vmax","comment":" [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n","args":[],"type":"Css.ExplicitLength Css.VMaxUnits"},{"name":"Vmin","comment":" [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n","args":[],"type":"Css.ExplicitLength Css.VMinUnits"},{"name":"Vw","comment":" [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n","args":[],"type":"Css.ExplicitLength Css.VwUnits"},{"name":"WhiteSpace","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, whiteSpace : Css.Compatible }"},{"name":"Wrap","comment":" \n","args":["compatible"],"type":"{ compatible | value : String.String, overflowWrap : Css.Compatible }"}],"values":[{"name":"absolute","comment":" An `absolute` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n position absolute\n\n","type":"Css.Position {}"},{"name":"active","comment":" An [`:active`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aactive)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"addLengths","comment":" Add two lengths.\n\n >>> addLengths (em 2) (em 3)\n em 5\n\n","type":"Css.Length compatible units -> Css.Length compatible units -> Css.Length compatible units"},{"name":"adjacentSiblings","comment":" ","type":"List.List Css.Snippet -> Css.Style"},{"name":"after","comment":" An [`::after`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Aafter)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"alignItems","comment":" Sets [`align-items`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items).\n\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\nproperty \"align-items\" \"auto\"\n\nIf this is annoying, please file an issue, so adding support for \"auto\"\ncan be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"alignSelf","comment":" Sets [`align-self`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self).\n\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\nproperty \"align-self\" \"auto\"\n\nIf this is annoying, please file an issue, so adding support for \"auto\"\ncan be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"all","comment":" An [`all`](https://developer.mozilla.org/en-US/docs/Web/CSS/all) property.\n","type":"Css.All compatible -> Css.Style"},{"name":"allPetiteCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"allScroll","comment":" ","type":"Css.Cursor {}"},{"name":"allSmallCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"any","comment":" An [`:any`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aany)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"arabicIndic","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"armenian","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"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.List Css.Style -> List.List ( String.String, String.String )"},{"name":"auto","comment":" ","type":"{ lengthOrAuto : Css.Compatible, overflow : Css.Compatible, textRendering : Css.Compatible, flexBasis : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, alignItemsOrAuto : Css.Compatible, justifyContentOrAuto : Css.Compatible, cursor : Css.Compatible, value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible, intOrAuto : Css.Compatible, touchAction : Css.Compatible }"},{"name":"backgroundAttachment","comment":" Sets ['background-attachment'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment)\n\n backgroundAttachment fixed\n\n","type":"Css.BackgroundAttachment compatible -> Css.Style"},{"name":"backgroundBlendMode","comment":" Sets ['background-blend-mode'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode)\n\n backgroundBlendMode darken\n\n","type":"(Css.ColorValue Css.NonMixable -> Css.Style) -> Css.Style"},{"name":"backgroundClip","comment":" Sets ['background-clip'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip)\n\n backgroundClip borderBox\n\n","type":"Css.BackgroundClip compatible -> Css.Style"},{"name":"backgroundColor","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"backgroundImage","comment":" Sets ['background-image'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)\n\n backgroundImage (url \"http://www.example.com/chicken.jpg\")\n\n","type":"Css.BackgroundImage compatible -> Css.Style"},{"name":"backgroundOrigin","comment":" Sets ['background-origin'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin)\n\n backgroundOrigin borderBox\n\n","type":"Css.BackgroundOrigin compatible -> Css.Style"},{"name":"backgroundPosition","comment":" Sets ['background-position'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\n\n backgroundPosition top\n\nOnly supports keywords values like \"top\" or \"center\". If you want to pass a single length, use `backgroundPosition2`:\n\n backgroundPosition2 (px 10) zero\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"backgroundPosition2","comment":" Sets ['background-position'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)\n\n backgroundPosition2 (px 10) zero\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"backgroundRepeat","comment":" Sets ['background-repeat'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)\n\n backgroundRepeat repeatX\n\n","type":"Css.BackgroundRepeatShorthand compatible -> Css.Style"},{"name":"backgroundRepeat2","comment":" Sets ['background-repeat'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)\n\n backgroundRepeat2 repeat noRepeat\n\n","type":"Css.BackgroundRepeat compatibleA -> Css.BackgroundRepeat compatibleB -> Css.Style"},{"name":"backgroundSize","comment":" Sets ['background-size'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\n\n backgroundSize cover\n\n","type":"Css.LengthOrAutoOrCoverOrContain compatible -> Css.Style"},{"name":"backgroundSize2","comment":" Sets ['background-size'](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)\n\n modBy auto (backgroundSize2 50)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.Style"},{"name":"baseline","comment":" The `baseline` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n verticalAlign baseline\n\n","type":"Css.VerticalAlign a b"},{"name":"batch","comment":" Create a style from multiple other styles.\n\n underlineOnHover =\n batch\n [ textDecoration none\n\n , hover\n [ textDecoration underline ]\n ]\n\n 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.List Css.Style -> Css.Style"},{"name":"before","comment":" A [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Abefore)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"bengali","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"blink","comment":" [`blink`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\nis ~~totally rad~~ deprecated, and as such has been ~~reluctantly~~ omitted\nfrom elm-css.\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"block","comment":" ","type":"Css.Display {}"},{"name":"bold","comment":" ","type":"Css.FontWeight {}"},{"name":"bolder","comment":" ","type":"Css.FontWeight {}"},{"name":"border","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n\n border2 (px 10) dashed\n\n border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"border2","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n\n border2 (px 10) dashed\n\n border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"border3","comment":" Sets [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)\n\n border (px 10)\n\n border2 (px 10) dashed\n\n border3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderBlockEnd","comment":" Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderBlockEnd (px 5)\n\n borderBlockEnd2 (px 5) dashed\n\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.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\n borderBlockEnd2 (px 5) dashed\n\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.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\n borderBlockEnd2 (px 5) dashed\n\n borderBlockEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.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":"Css.ColorValue compatible -> Css.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":"Css.BorderStyle compatible -> Css.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\n borderBlockStart2 (px 5) dashed\n\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.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\n borderBlockStart2 (px 5) dashed\n\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.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\n borderBlockStart2 (px 5) dashed\n\n borderBlockStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA units -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.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":"Css.ColorValue compatible -> Css.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":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderBottom","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n\n borderBottom2 (px 5) dashed\n\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottom2","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n\n borderBottom2 (px 5) dashed\n\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderBottom3","comment":" Sets [`border-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)\n\n borderBottom (px 5)\n\n borderBottom2 (px 5) dashed\n\n borderBottom3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderBottomColor","comment":" Sets [`border-bottom-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)\n\n borderBottomColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderBottomLeftRadius","comment":" Sets [`border-bottom-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\n\n borderBottomLeftRadius (em 4)\n\n borderBottomLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottomLeftRadius2","comment":" Sets [`border-bottom-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)\n\n borderBottomLeftRadius (em 4)\n\n borderBottomLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderBottomRightRadius","comment":" Sets [`border-bottom-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\n\n borderBottomRightRadius (em 4)\n\n borderBottomRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBottomRightRadius2","comment":" Sets [`border-bottom-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)\n\n borderBottomRightRadius (em 4)\n\n borderBottomRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderBottomStyle","comment":" Sets [`border-bottom-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style)\n\n borderBottomStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderBottomWidth","comment":" Sets [`border-bottom-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)\n\n borderBottomWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderBox","comment":" The `border-box` value for the [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) property.\nCan also be used as `border-box` value for the [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) property.\n","type":"Css.BoxSizing (Css.BackgroundClip {})"},{"name":"borderCollapse","comment":" Sets [`border-collapse`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse)\n\n borderCollapse collapse\n\n","type":"Css.BorderCollapse compatible -> Css.Style"},{"name":"borderColor","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n borderColor (rgb 12 11 10)\n\n borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderColor2","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n borderColor (rgb 12 11 10)\n\n borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.Style"},{"name":"borderColor3","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n borderColor (rgb 12 11 10)\n\n borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderColor4","comment":" Sets [`border-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\n\n borderColor (rgb 12 11 10)\n\n borderColor2 (rgb 12 11 10) (hex \"FFBBCC\")\n\n borderColor3 (rgb 12 11 10) (hex \"FFBBCC\") inherit\n\n borderColor4 (rgb 12 11 10) (hex \"FFBBCC\") inherit (rgb 1 2 3)\n\n","type":"Css.ColorValue compatibleA -> Css.ColorValue compatibleB -> Css.ColorValue compatibleC -> Css.ColorValue compatibleD -> Css.Style"},{"name":"borderImageOutset","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n borderImageOutset (int 2)\n\n borderImageOutset2 (int 2) (px 15)\n\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"borderImageOutset2","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n borderImageOutset (int 2)\n\n borderImageOutset2 (int 2) (px 15)\n\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"borderImageOutset3","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n borderImageOutset (int 2)\n\n borderImageOutset2 (int 2) (px 15)\n\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"borderImageOutset4","comment":" Sets [`border-image-outset`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)\n\n borderImageOutset (int 2)\n\n borderImageOutset2 (int 2) (px 15)\n\n borderImageOutset3 (int 2) (px 15) (int 1.5)\n\n borderImageOutset4 (int 2) (px 15) (int 14) (em 3)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.LengthOrNumber compatibleD -> Css.Style"},{"name":"borderImageWidth","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n borderImageWidth (int 3)\n\n borderImageWidth2 (int 3) (px 15)\n\n borderImageWidth3 (int 3) (px 15) auto\n\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"borderImageWidth2","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n borderImageWidth (int 3)\n\n borderImageWidth2 (int 3) (px 15)\n\n borderImageWidth3 (int 3) (px 15) auto\n\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"borderImageWidth3","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n borderImageWidth (int 3)\n\n borderImageWidth2 (int 3) (px 15)\n\n borderImageWidth3 (int 3) (px 15) auto\n\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"borderImageWidth4","comment":" Sets [`border-image-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)\n\n borderImageWidth (int 3)\n\n borderImageWidth2 (int 3) (px 15)\n\n borderImageWidth3 (int 3) (px 15) auto\n\n borderImageWidth4 (int 3) (px 15) auto (int 2)\n\n","type":"Css.LengthOrNumber compatibleA -> Css.LengthOrNumber compatibleB -> Css.LengthOrNumber compatibleC -> Css.LengthOrNumber compatibleD -> Css.Style"},{"name":"borderInlineEnd","comment":" Sets [`border-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end)\n\n borderInlineEnd (px 5)\n\n borderInlineEnd2 (px 5) dashed\n\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.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\n borderInlineEnd2 (px 5) dashed\n\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.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\n borderInlineEnd2 (px 5) dashed\n\n borderInlineEnd3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.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":"Css.ColorValue compatible -> Css.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":"Css.BorderStyle compatible -> Css.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":"Css.Length compatible units -> Css.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\n borderInlineStart2 (px 5) dashed\n\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.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\n borderInlineStart2 (px 5) dashed\n\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.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\n borderInlineStart2 (px 5) dashed\n\n borderInlineStart3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.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":"Css.ColorValue compatible -> Css.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":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderLeft","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n\n borderLeft2 (px 5) dashed\n\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderLeft2","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n\n borderLeft2 (px 5) dashed\n\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderLeft3","comment":" Sets [`border-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)\n\n borderLeft (px 5)\n\n borderLeft2 (px 5) dashed\n\n borderLeft3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderLeftColor","comment":" Sets [`border-left-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)\n\n borderLeftColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderLeftStyle","comment":" Sets [`border-left-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)\n\n borderLeftStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderLeftWidth","comment":" Sets [`border-left-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)\n\n borderLeftWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRadius","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n\n borderRadius2 (em 4) (px 2)\n\n borderRadius3 (em 4) (px 2) (pct 5)\n\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRadius2","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n\n borderRadius2 (em 4) (px 2)\n\n borderRadius3 (em 4) (px 2) (pct 5)\n\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderRadius3","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n\n borderRadius2 (em 4) (px 2)\n\n borderRadius3 (em 4) (px 2) (pct 5)\n\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"borderRadius4","comment":" Sets [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)\n\n borderRadius (em 4)\n\n borderRadius2 (em 4) (px 2)\n\n borderRadius3 (em 4) (px 2) (pct 5)\n\n borderRadius4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.Style"},{"name":"borderRight","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n\n borderRight2 (px 5) dashed\n\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderRight2","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n\n borderRight2 (px 5) dashed\n\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderRight3","comment":" Sets [`border-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)\n\n borderRight (px 5)\n\n borderRight2 (px 5) dashed\n\n borderRight3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderRightColor","comment":" Sets [`border-right-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)\n\n borderRightColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderRightStyle","comment":" Sets [`border-right-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)\n\n borderRightStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderRightWidth","comment":" Sets [`border-right-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)\n\n borderRightWidth (em 4)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderSpacing","comment":" Sets [`border-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)\n\n borderSpacing (em 4)\n\n borderSpacing2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderSpacing2","comment":" Sets [`border-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)\n\n borderSpacing (em 4)\n\n borderSpacing2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderStyle","comment":" Sets [`border-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)\n\n borderStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderTop","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n\n borderTop2 (px 5) dashed\n\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTop2","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n\n borderTop2 (px 5) dashed\n\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.Style"},{"name":"borderTop3","comment":" Sets [`border-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)\n\n borderTop (px 5)\n\n borderTop2 (px 5) dashed\n\n borderTop3 (px 5) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"borderTopColor","comment":" Sets [`border-top-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)\n\n borderTopColor (rgb 101 202 0)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"borderTopLeftRadius","comment":" Sets [`border-top-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\n\n borderTopLeftRadius (em 4)\n\n borderTopLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTopLeftRadius2","comment":" Sets [`border-top-left-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)\n\n borderTopLeftRadius (em 4)\n\n borderTopLeftRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderTopRightRadius","comment":" Sets [`border-top-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\n\n borderTopRightRadius (em 4)\n\n borderTopRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderTopRightRadius2","comment":" Sets [`border-top-right-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)\n\n borderTopRightRadius (em 4)\n\n borderTopRightRadius2 (em 4) (px 2)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderTopStyle","comment":" Sets [`border-top-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style)\n\n borderTopStyle dashed\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"borderTopWidth","comment":" Sets [`border-top-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)\n\n borderTopWidth (em 4)\n\n borderTopWidth2 (em 4) (px 2)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderWidth","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n\n borderWidth2 (em 4) (px 2)\n\n borderWidth3 (em 4) (px 2) (pct 5)\n\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"borderWidth2","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n\n borderWidth2 (em 4) (px 2)\n\n borderWidth3 (em 4) (px 2) (pct 5)\n\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"borderWidth3","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n\n borderWidth2 (em 4) (px 2)\n\n borderWidth3 (em 4) (px 2) (pct 5)\n\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"borderWidth4","comment":" Sets [`border-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\n\n borderWidth (em 4)\n\n borderWidth2 (em 4) (px 2)\n\n borderWidth3 (em 4) (px 2) (pct 5)\n\n borderWidth4 (em 4) (px 2) (pct 5) (px 3)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.Style"},{"name":"both","comment":" The `both` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"bottom","comment":" The [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom) property.\n\n position absolute\n\n bottom (px 5)\n\nThis can also be used as a `bottom` [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value:\n\n verticalAlign bottom\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"boxShadow","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.None compatible -> Css.Style"},{"name":"boxShadow2","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"boxShadow3","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Value c -> Css.Style"},{"name":"boxShadow4","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Value d -> Css.Style"},{"name":"boxShadow5","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.ColorValue compatibleE -> Css.Style"},{"name":"boxShadow6","comment":" Sets [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).\n\n boxShadow none\n\n boxShadow2 (px 1) (px 2)\n\n boxShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n boxShadow3 (px 1) (px 2) (px 3)\n\n boxShadow3 inset (px 2) (px 3)\n\n boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)\n\n boxShadow4 (px 1) (px 2) (px 3) (px 4)\n\n boxShadow4 inset (px 2) (px 3) (px 4)\n\n boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)\n\n","type":"Css.Value a -> Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatibleD unitsD -> Css.ColorValue compatibleE -> Css.Style"},{"name":"boxSizing","comment":" Sets [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)\n\n boxSizing borderBox\n\n","type":"Css.BoxSizing compatible -> Css.Style"},{"name":"breakWord","comment":" The `break-word` value for the [`overflow-wrap`](https://developer.mozilla.org/en/docs/Web/CSS/overflow-wrap#Values) property.\n","type":"Css.Wrap {}"},{"name":"calc","comment":" The css [calc](https://developer.mozilla.org/en/docs/Web/CSS/calc) function.\n\n almostPct100 =\n calc (pct 100) minus (px 2)\n\n\n -- calc(100vh - (2px + 2rem))\n screenMinusBorderAndFooter =\n calc (vh 100) minus (calc (px 2) plus (\\divisor -> remainderBy divisor 2))\n\n myWidth =\n width almostPct100\n\n myHeight =\n height screenMinusBorderAndFooter\n\nUsing \\* and / with calc isn't supported. Use arithmetics from elm instead.\n\n","type":"Css.Calc compatibleA -> Css.CalcExpression -> Css.Calc compatibleB -> Css.CalculatedLength"},{"name":"capitalize","comment":" `capitalize` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"cell","comment":" ","type":"Css.Cursor {}"},{"name":"center","comment":" `center` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\nCan also be used with flex-box's align-items and justify-content properties to apply the value of center\n","type":"Css.TextAlign a b"},{"name":"ch","comment":" [`ch`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ch) units.\n","type":"Basics.Float -> Css.Ch"},{"name":"checked","comment":" A [`:checked`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Achecked)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"children","comment":" ","type":"List.List Css.Snippet -> Css.Style"},{"name":"circle","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"cjkEarthlyBranch","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"cjkHeavenlyStem","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"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":"String.String -> List.List Css.Style -> Css.Snippet"},{"name":"clip","comment":" `clip` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n","type":"Css.TextOverflow {}"},{"name":"cm","comment":" [`cm`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#cm) units.\n","type":"Basics.Float -> Css.Cm"},{"name":"colResize","comment":" ","type":"Css.Cursor {}"},{"name":"collapse","comment":" A `collapse` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\n","type":"Css.BorderCollapse {}"},{"name":"color","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"colorBurn","comment":" The `color-burn` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#color-burn).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"colorDodge","comment":" The `color-dodge` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#color-dodge).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"column","comment":" The[`column`]( #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"columnReverse","comment":" The[`column-reverse`]( #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"commonLigatures","comment":" ","type":"Css.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.List Css.Stylesheet -> { css : String.String, warnings : List.List String.String }"},{"name":"contain","comment":" The `contain` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n","type":"{ value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"content","comment":" The [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values) value for the\nflex-basis property.\n","type":"Css.LengthOrNumberOrAutoOrNoneOrContent (Css.FlexBasis {})"},{"name":"contentBox","comment":" The `content-box` value for the [`box-sizing`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) property.\nCan also be used as `content-box` value for the [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) property.\n","type":"Css.BoxSizing (Css.BackgroundClip {})"},{"name":"contextMenu","comment":" ","type":"Css.Cursor {}"},{"name":"contextual","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"copy","comment":" ","type":"Css.Cursor {}"},{"name":"cover","comment":" The `cover` [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) value.\n","type":"{ value : String.String, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"crosshair","comment":" ","type":"Css.Cursor {}"},{"name":"currentColor","comment":" The [`currentColor`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#currentColor_keyword)\nvalue.\n","type":"Css.ColorValue Css.NonMixable"},{"name":"cursive","comment":" ","type":"Css.FontFamily {}"},{"name":"cursor","comment":" A [`cursor`](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Values)\nspecifies the mouse cursor displayed when mouse pointer is over an element.\n","type":"Css.Cursor compatible -> Css.Style"},{"name":"cursorAlias","comment":" ","type":"Css.Cursor {}"},{"name":"darken","comment":" The `darken` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#darken).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"dashed","comment":" A `dashed` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"decimal","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"decimalLeadingZero","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"default","comment":" ","type":"Css.Cursor {}"},{"name":"deg","comment":" [`deg`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"descendants","comment":" ","type":"List.List Css.Snippet -> Css.Style"},{"name":"devanagari","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"diagonalFractions","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"difference","comment":" The `difference` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#difference).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"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":"Css.Directionality -> List.List Css.Style -> Css.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.List Css.Style -> Css.Style"},{"name":"disc","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"discretionaryLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"display","comment":" For `display: flex`, use [`displayFlex`](#displayFlex).\n","type":"Css.Display compatible -> Css.Style"},{"name":"displayFlex","comment":" `display: flex`. This works around the fact that\n[`flex` is already taken](#flex).\n","type":"Css.Style"},{"name":"divideLengths","comment":" Divide two lengths.\n\n >>> divideLengths (em 9) (em 2)\n em 4.5\n\n","type":"Css.Length compatible units -> Css.Length compatible units -> Css.Length compatible units"},{"name":"dotted","comment":" A `dotted` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"double","comment":" A `double` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"eResize","comment":" ","type":"Css.Cursor {}"},{"name":"each","comment":" ","type":"List.List (List.List Css.Style -> Css.Snippet) -> List.List Css.Style -> Css.Snippet"},{"name":"eachLine","comment":" `each-line` [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent#Values) value\n","type":"Css.TextIndent {}"},{"name":"ellipsis","comment":" `ellipsis` [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Values) value\n","type":"Css.TextOverflow {}"},{"name":"em","comment":" [`em`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#em) units.\n","type":"Basics.Float -> Css.Em"},{"name":"empty","comment":" An [`:empty`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aempty)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"enabled","comment":" An [`:enabled`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aenabled)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"end","comment":" `end` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"everything","comment":" A [`*` selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors).\n\n class Foo\n [ children\n [ everything\n [ color (rgb 14 15 16)\n , borderRadius (px 5)\n ]\n ]\n ]\n\n...compiles to:\n\n .Foo > * {\n color: rgb(14, 15, 16);\n border-radius: 5px;\n }\n\n","type":"List.List Css.Style -> Css.Snippet"},{"name":"ewResize","comment":" ","type":"Css.Cursor {}"},{"name":"ex","comment":" [`ex`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#ex) units.\n","type":"Basics.Float -> Css.Ex"},{"name":"exclusion","comment":" The `exclusion` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#exclusion).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"fantasy","comment":" ","type":"Css.FontFamily {}"},{"name":"featureOff","comment":" Alias for `off` value of [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#Formal_syntax)\n","type":"Basics.Int"},{"name":"featureOn","comment":" Alias for `on` value of [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#Formal_syntax)\n","type":"Basics.Int"},{"name":"featureTag","comment":" Creates a [`feature-tag-value`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#feature-tag-value)\nwith the default value of `1`\n\n fontFeatureSettings (featureTag \"hist\")\n\n","type":"String.String -> Css.FeatureTagValue {}"},{"name":"featureTag2","comment":" Creates a [`feature-tag-value`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings#feature-tag-value)\nwith a particular integer value\n\n fontFeatureSettings (featureTag2 \"smcp\" on)\n\n fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n","type":"String.String -> Basics.Int -> Css.FeatureTagValue {}"},{"name":"fill","comment":" ","type":"Css.ColorValue compatible -> Css.Style"},{"name":"fillAvailable","comment":" The `fill-available` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"fillBox","comment":" The `fill-box` value for the [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox {}"},{"name":"first","comment":" A [`:first`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstChild","comment":" A [`:first-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstLetter","comment":" A [`::first-letter`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Afirst-letter)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstLine","comment":" A [`::first-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Afirst-line)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"firstOfType","comment":" A [`:first-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afirst-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"fitContent","comment":" The `fit-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"fixed","comment":" A `fixed` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\nThis can also represent a `fixed` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\n\n position fixed\n\n","type":"Css.Position (Css.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":"Css.TransformStyle {}"},{"name":"flex","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.LengthOrNumberOrAutoOrNoneOrContent compatible -> Css.Style"},{"name":"flex2","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.Number compatibleA -> Css.LengthOrNumber compatibleB -> Css.Style"},{"name":"flex3","comment":" Sets [`flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.Number compatibleA -> Css.Number compatibleB -> Css.LengthOrNumber compatibleC -> Css.Style"},{"name":"flexBasis","comment":" Sets [`flex-basis`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis) property.\n\nflex (none | content | auto | (int 1) | (px 10))\nflex2 (int 1) ((int 1) | (px 10 ))\nflex3 (int 1) (int 1) ((int 1) | (px 10))\n\n","type":"Css.FlexBasis compatible -> Css.Style"},{"name":"flexDirection","comment":" Sets [`flex-direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction) property.\n","type":"Css.FlexDirection compatible -> Css.Style"},{"name":"flexEnd","comment":" The[`flex-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\nCan also be used with flex-box's justify-content property to apply the value of flex-end.\n","type":"Css.AlignItems a b"},{"name":"flexFlow1","comment":" Sets [`flex-flow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow) property.\n\nflexFlow1 (wrap | wrapReverse | noWrap)\nflexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)\n\nOr vice versa, order is not important for flex-flow\n\n","type":"Css.FlexDirectionOrWrap compatible -> Css.Style"},{"name":"flexFlow2","comment":" Sets [`flex-flow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow) property.\n\nflexFlow1 (wrap | wrapReverse | noWrap)\nflexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)\n\nOr vice versa, order is not important for flex-flow\n\n","type":"Css.FlexDirectionOrWrap compatibleA -> Css.FlexDirectionOrWrap compatibleB -> Css.Style"},{"name":"flexGrow","comment":" Sets [`flex-grow`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"flexShrink","comment":" Sets [`flex-shrink`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"flexStart","comment":" The[`flex-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\nCan also be used with flex-box's justify-content property to apply the value of flex-start.\n","type":"Css.AlignItems a b"},{"name":"flexWrap","comment":" Sets [`flex-wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap) property.\n","type":"Css.FlexWrap compatible -> Css.Style"},{"name":"float","comment":" Sets ['float'](https://developer.mozilla.org/en-US/docs/Web/CSS/float)\nfloat : Float compatible -> Style\n\n float right\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"focus","comment":" A [`:focus`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"fontFace","comment":" ","type":"String.String -> String.String"},{"name":"fontFamilies","comment":" For multiple font families:\n\n fontFamilies [ \"Verdana\", \"Arial\" ]\n\n fontFamilies [ qt \"Gill Sans Extrabold\", \"Helvetica\", .value sansSerif ]\n\n","type":"List.List String.String -> Css.Style"},{"name":"fontFamily","comment":" For when your font is one of [`serif`](#serif), [`sansSerif`](#sansSerif), [`monospace`](#monospace), [`cursive`](#cursive) or [`fantasy`](#fantasy).\nIf you want to refer to a font by its name (like Helvetica or Arial), use [`fontFamilies`](#fontFamilies) instead.\n","type":"Css.FontFamily a -> Css.Style"},{"name":"fontFeatureSettings","comment":" Sets [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings)\n\n fontFeatureSettings (featureTag \"hist\")\n\n fontFeatureSettings (featureTag2 \"smcp\" on)\n\n fontFeatureSettings (featureTag2 \"swsh\" 2)\n\n","type":"Css.FeatureTagValue a -> Css.Style"},{"name":"fontFeatureSettingsList","comment":" Sets [`font-feature-settings`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings)\n\n fontFeatureSettingsList [ featureTag \"c2sc\", featureTag \"smcp\" ]\n\n","type":"List.List (Css.FeatureTagValue a) -> Css.Style"},{"name":"fontSize","comment":" Sets [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)\n\n fontSize xxSmall\n\n fontSize (px 12)\n\n","type":"Css.FontSize a -> Css.Style"},{"name":"fontStyle","comment":" Sets [`font-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)\n\n fontStyle italic\n\n","type":"Css.FontStyle a -> Css.Style"},{"name":"fontVariant","comment":" Sets [`font-variant`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant)\n\n fontVariant smallCaps\n\n fontVariant2 commonLigatures smallCaps\n\n fontVariant3 commonLigatures smallCaps slashedZero\n\n fontVariants [ oldstyleNums tabularNums stackedFractions ordinal slashedZero ]\n\n","type":"Css.FontVariant a -> Css.Style"},{"name":"fontVariant2","comment":" ","type":"Css.FontVariant compatibleA -> Css.FontVariant compatibleB -> Css.Style"},{"name":"fontVariant3","comment":" ","type":"Css.FontVariant compatibleA -> Css.FontVariant compatibleB -> Css.FontVariant compatibleC -> Css.Style"},{"name":"fontVariantCaps","comment":" ","type":"Css.FontVariantCaps a -> Css.Style"},{"name":"fontVariantLigatures","comment":" ","type":"Css.FontVariantLigatures a -> Css.Style"},{"name":"fontVariantNumeric","comment":" ","type":"Css.FontVariantNumeric a -> Css.Style"},{"name":"fontVariantNumeric2","comment":" ","type":"Css.FontVariantNumeric compatibleA -> Css.FontVariantNumeric compatibleB -> Css.Style"},{"name":"fontVariantNumeric3","comment":" ","type":"Css.FontVariantNumeric compatibleA -> Css.FontVariantNumeric compatibleB -> Css.FontVariantNumeric compatibleC -> Css.Style"},{"name":"fontVariantNumerics","comment":" ","type":"List.List (Css.FontVariantNumeric compatible) -> Css.Style"},{"name":"fontWeight","comment":" Sets [`font-weight`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)\n\n fontWeight bold\n\n fontWeight (int 300)\n\n","type":"Css.FontWeight a -> Css.Style"},{"name":"fullWidth","comment":" `full-width` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"fullscreen","comment":" A [`:fullscreen`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afullscreen)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"generalSiblings","comment":" ","type":"List.List Css.Snippet -> Css.Style"},{"name":"geometricPrecision","comment":" `geometricPrecision` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"georgian","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"grab","comment":" ","type":"Css.Cursor {}"},{"name":"grabbing","comment":" ","type":"Css.Cursor {}"},{"name":"grad","comment":" [`grad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#grad) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"groove","comment":" A `groove` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"gujarati","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"gurmukhi","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"hanging","comment":" `hanging` [`hanging`](https://developer.mozilla.org/en-US/docs/Web/CSS/hanging#Values) value\n","type":"Css.TextIndent {}"},{"name":"hardLight","comment":" The `hard-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hard-light).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"height","comment":" Sets [`height`](https://developer.mozilla.org/en-US/docs/Web/CSS/height)\n\n height (px 800)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"help","comment":" ","type":"Css.Cursor {}"},{"name":"hex","comment":" [RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb())\nin hexadecimal notation. You can optionally include `#` as the first character,\nfor benefits like syntax highlighting in editors, ease of copy/pasting from\ntools which express these as e.g. `#abcdef0`, etc.\n","type":"String.String -> Css.Color"},{"name":"hidden","comment":" `hidden` [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) value.\n\nThis can also represent a `hidden` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n\n","type":"Css.Overflow (Css.BorderStyle {})"},{"name":"historicalLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"horizontal","comment":" The `horizontal` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"hover","comment":" An [`:hover`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ahover)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"hsl","comment":" [HSL color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl())\n`s` and `l` values are expressed as a number between 0 and 1 and are converted\nto the appropriate percentage at compile-time\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Color"},{"name":"hsla","comment":" [HSLA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsla())\n`s` and `l` values are expressed as a number between 0 and 1 and are converted\nto the appropriate percentage at compile-time\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Color"},{"name":"hue","comment":" The `hue` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#hue).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"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":"String.String -> List.List Css.Style -> Css.Snippet"},{"name":"important","comment":" Transforms the given property by adding !important to the end of its\ndeclaration.\n","type":"Css.Style -> Css.Style"},{"name":"inches","comment":" [`in`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#in) units.\n\n(This is `inches` instead of `in` because `in` is a reserved keyword in Elm.)\n\n","type":"Basics.Float -> Css.In"},{"name":"indeterminate","comment":" An [`:indeterminate`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aindeterminate)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"inherit","comment":" The [`inherit`](https://developer.mozilla.org/en-US/docs/Web/CSS/inherit) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"initial","comment":" The [`initial`](https://developer.mozilla.org/en-US/docs/Web/CSS/initial) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"inline","comment":" ","type":"Css.Display {}"},{"name":"inlineBlock","comment":" ","type":"Css.Display {}"},{"name":"inlineFlex","comment":" Sets the display style to [`inline-flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"inlineListItem","comment":" ","type":"Css.Display {}"},{"name":"inlineTable","comment":" Sets the display style to [`inline-table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"inset","comment":" An `inset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"inside","comment":" ","type":"Css.ListStyle (Css.ListStylePosition {})"},{"name":"int","comment":" A unitless integer. Useful with properties like [`borderImageOutset`](#borderImageOutset)\nwhich accept either length units or unitless numbers for some properties.\n","type":"Basics.Int -> Css.IntOrAuto (Css.LengthOrNumberOrAutoOrNoneOrContent (Css.LengthOrNumber (Css.FontWeight (Css.Number { numericValue : Basics.Float, unitLabel : String.String, units : Css.UnitlessInteger }))))"},{"name":"invalid","comment":" An [`:invalid`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ainvalid)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"italic","comment":" ","type":"Css.FontStyle {}"},{"name":"justify","comment":" `justify` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"justifyAll","comment":" `justify-all` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"justifyContent","comment":" Sets [`justify-content`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"kannada","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"khmer","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lang","comment":" A [`:lang`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alang)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"lao","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"large","comment":" ","type":"Css.FontSize {}"},{"name":"larger","comment":" ","type":"Css.FontSize {}"},{"name":"lastChild","comment":" A [`:last-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"lastOfType","comment":" A [`:last-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"left","comment":" The [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/left) property.\n\n position absolute\n\n left (px 5)\n\nThis can also be used as a `left` [text alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) value:\n\n textAlign left\n\nIt can also be used as a `left` [float](https://developer.mozilla.org/en-US/docs/Web/CSS/float) value :\n\n float left\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"letterSpacing","comment":" Sets [`letter-spacing`](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)\n\n letterSpacing (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"lighten","comment":" The `lighten` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#lighten).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"lighter","comment":" ","type":"Css.FontWeight {}"},{"name":"lineHeight","comment":" Sets [`line-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)\n\n lineHeight (px 10)\n\n","type":"Css.LengthOrNumber compatible -> Css.Style"},{"name":"lineThrough","comment":" A [`line-through`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"linearGradient","comment":" Sets [`linear-gradient`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)\n\n linearGradient (stop2 red <| pct 75%) (stop <| hex \"222\") []\n linearGradient (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n","type":"Css.ColorStop compatibleA compatibleB unit -> Css.ColorStop compatibleA compatibleB unit -> List.List (Css.ColorStop compatibleA compatibleB unit) -> Css.BackgroundImage (Css.ListStyle {})"},{"name":"linearGradient2","comment":" Sets [`linear-gradient`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient)\n\n linearGradient toBottomLeft (stop2 red <| pct 75%) (stop <| hex \"222\") []\n linearGradient toTop (stop red) (stop <| hex \"222\") [ stop green, stop blue ]\n\n","type":"Css.AngleOrDirection compatible -> Css.ColorStop compatibleA compatibleB unit -> Css.ColorStop compatibleA compatibleB unit -> List.List (Css.ColorStop compatibleA compatibleB unit) -> Css.BackgroundImage (Css.ListStyle {})"},{"name":"liningNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"link","comment":" A [`:link`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alink)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"listItem","comment":" ","type":"Css.Display {}"},{"name":"listStyle","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible -> Css.Style"},{"name":"listStyle2","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible1 -> Css.ListStyle compatible2 -> Css.Style"},{"name":"listStyle3","comment":" The [`list-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) shorthand property.\n","type":"Css.ListStyle compatible1 -> Css.ListStyle compatible2 -> Css.ListStyle compatible3 -> Css.Style"},{"name":"listStylePosition","comment":" The [`list-style-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position) property.\n","type":"Css.ListStylePosition compatible -> Css.Style"},{"name":"listStyleType","comment":" The [`list-style-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type) property.\n","type":"Css.ListStyleType compatible -> Css.Style"},{"name":"local","comment":" The `local` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\n","type":"Css.BackgroundAttachment {}"},{"name":"lowerAlpha","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerGreek","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerLatin","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowerRoman","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"lowercase","comment":" `lowercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"luminosity","comment":" The `luminosity` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#luminosity).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"malayalam","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"manipulation","comment":" The `manipulation` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"margin","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n\n margin2 (px 10) (px 10)\n\n margin3 (px 10) (px 10) (px 10)\n\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"margin2","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n\n margin2 (px 10) (px 10)\n\n margin3 (px 10) (px 10) (px 10)\n\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.Style"},{"name":"margin3","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n\n margin2 (px 10) (px 10)\n\n margin3 (px 10) (px 10) (px 10)\n\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.LengthOrAuto compatibleC -> Css.Style"},{"name":"margin4","comment":" Sets [`margin`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)\n\n margin (px 10)\n\n margin2 (px 10) (px 10)\n\n margin3 (px 10) (px 10) (px 10)\n\n margin4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.LengthOrAuto compatibleA -> Css.LengthOrAuto compatibleB -> Css.LengthOrAuto compatibleC -> Css.LengthOrAuto compatibleD -> Css.Style"},{"name":"marginBlockEnd","comment":" Sets [`margin-block-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end)\n\n marginBlockEnd (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginBlockStart","comment":" Sets [`margin-block-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start)\n\n marginBlockStart (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginBottom","comment":" Sets [`margin-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)\n\n marginBottom (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginInlineEnd","comment":" Sets [`margin-inline-end`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)\n\n marginInlineEnd (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginInlineStart","comment":" Sets [`margin-inline-start`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)\n\n marginInlineStart (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginLeft","comment":" Sets [`margin-left`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)\n\n marginLeft (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginRight","comment":" Sets [`margin-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)\n\n marginRight (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginTop","comment":" Sets [`margin-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)\n\n marginTop (px 10)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"matchParent","comment":" `match-parent` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"matrix","comment":" The [`matrix()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix()) transform-function.\n\n transform (matrix 0.5 1 1.5 2 2.5 3)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"matrix3d","comment":" The [`matrix3d()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix3d()) transform-function.\n\n transform (matrix3d 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"maxContent","comment":" The `max-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"maxHeight","comment":" Sets [`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)\n\n maxHeight (px 1024)\n\n","type":"Css.LengthOrNoneOrMinMaxDimension compatible -> Css.Style"},{"name":"maxWidth","comment":" Sets [`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)\n\n maxWidth (px 960)\n\n","type":"Css.LengthOrNoneOrMinMaxDimension compatible -> Css.Style"},{"name":"medium","comment":" ","type":"Css.FontSize {}"},{"name":"middle","comment":" The `middle` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n verticalAlign middle\n\n","type":"Css.VerticalAlign a b"},{"name":"minContent","comment":" The `min-content` value for\n[`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values),\n[`max-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values),\n[`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and\n[`max-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values)\n","type":"Css.MinMaxDimension {}"},{"name":"minHeight","comment":" Sets [`min-height`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)\n\n minHeight (px 100)\n\n","type":"Css.LengthOrMinMaxDimension compatible -> Css.Style"},{"name":"minWidth","comment":" Sets [`min-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)\n\n minWidth (px 100)\n\n","type":"Css.LengthOrMinMaxDimension compatible -> Css.Style"},{"name":"minus","comment":" Use with calc to subtract lengths from eachother\n\n >>> calc (pct 100) minus (px 2)\n calc (100% - 2px)\n\n","type":"Css.CalcExpression"},{"name":"mm","comment":" [\\`\\`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#mm) units.\n","type":"Basics.Float -> Css.Mm"},{"name":"monospace","comment":" ","type":"Css.FontFamily {}"},{"name":"move","comment":" ","type":"Css.Cursor {}"},{"name":"multiply","comment":" The `multiply` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#multiply).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"multiplyLengths","comment":" Multiply two lengths.\n\n >>> multiplyLengths (em 3) (em 6)\n em 18\n\n","type":"Css.Length compatible units -> Css.Length compatible units -> Css.Length compatible units"},{"name":"myanmar","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"nResize","comment":" ","type":"Css.Cursor {}"},{"name":"neResize","comment":" ","type":"Css.Cursor {}"},{"name":"neswResize","comment":" ","type":"Css.Cursor {}"},{"name":"noCommonLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noContextual","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noDiscretionaryLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noDrop","comment":" ","type":"Css.Cursor {}"},{"name":"noHistoricalLigatures","comment":" ","type":"Css.FontVariantLigatures {}"},{"name":"noRepeat","comment":" The `no-repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"noWrap","comment":" ","type":"Css.WhiteSpace (Css.FlexDirectionOrWrap (Css.FlexWrap {}))"},{"name":"none","comment":" ","type":"{ borderStyle : Css.Compatible, cursor : Css.Compatible, display : Css.Compatible, lengthOrNumberOrAutoOrNoneOrContent : Css.Compatible, none : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, listStyleType : Css.Compatible, listStyleTypeOrPositionOrImage : Css.Compatible, outline : Css.Compatible, resize : Css.Compatible, textDecorationLine : Css.Compatible, transform : Css.Compatible, backgroundImage : Css.Compatible, value : String.String, textTransform : Css.Compatible, touchAction : Css.Compatible, updateFrequency : Css.Compatible, blockAxisOverflow : Css.Compatible, inlineAxisOverflow : Css.Compatible, pointerDevice : Css.Compatible, hoverCapability : Css.Compatible, scriptingSupport : Css.Compatible }"},{"name":"normal","comment":" ","type":"Css.Normal"},{"name":"notAllowed","comment":" ","type":"Css.Cursor {}"},{"name":"nsResize","comment":" ","type":"Css.Cursor {}"},{"name":"nthChild","comment":" An [`:nth-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthLastChild","comment":" An [`:nth-last-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-last-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthLastOfType","comment":" An [`:nth-last-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-last-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"nthOfType","comment":" An [`:nth`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"num","comment":" A unitless number. Useful with properties like [`flexGrow`](#flexGrow)\nwhich accept unitless numbers.\n","type":"Basics.Float -> Css.LengthOrNumberOrAutoOrNoneOrContent (Css.LengthOrNumber (Css.Number { numericValue : Basics.Float, unitLabel : String.String, units : Css.UnitlessFloat }))"},{"name":"nwResize","comment":" ","type":"Css.Cursor {}"},{"name":"nwseResize","comment":" ","type":"Css.Cursor {}"},{"name":"oblique","comment":" ","type":"Css.FontStyle {}"},{"name":"oldstyleNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"onlyChild","comment":" An [`:only-child`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aonly-child)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"onlyOfType","comment":" An [`:only-of-type`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aonly-of-type)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"opacity","comment":" ","type":"Css.Number compatible -> Css.Style"},{"name":"optimizeLegibility","comment":" `optimizeLegibility` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"optimizeSpeed","comment":" `optimizeSpeed` [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering#Values) value\n","type":"Css.TextRendering {}"},{"name":"optional","comment":" An [`:optional`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aoptional)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"order","comment":" Sets [`order`](https://developer.mozilla.org/en-US/docs/Web/CSS/order) property.\n","type":"Css.Number compatible -> Css.Style"},{"name":"ordinal","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"oriya","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"outOfRange","comment":" An [`:out-of-range`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aout-of-range)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"outline","comment":" Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n outline zero\n\n outline initial\n\n outline3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Outline compatible -> Css.Style"},{"name":"outline3","comment":" Sets [`outline`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline)\n\n outline zero\n\n outline initial\n\n outline3 (px 10) dashed (rgb 11 14 17)\n\n","type":"Css.Length compatibleA unitsA -> Css.BorderStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"outlineColor","comment":" Sets [`outline-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color)\n\n outlineColor (rgb 11 14 17)\n\n outlineColor (hex \"#ffffff\")\n\n outlineColor (hsla 120 0.5 0.5 0.5)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"outlineOffset","comment":" Sets [`outline-offset`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset)\n\n outlineOffset (px 10)\n\n outlineOffset (em 1.4)\n\n outlineOffset (pct 50)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"outlineStyle","comment":" Sets [`outline-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style)\n\n outlineStyle dashed\n\n outlineStyle solid\n\n outlineStyle outset\n\n","type":"Css.BorderStyle compatible -> Css.Style"},{"name":"outlineWidth","comment":" Sets [`outline-width`](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width)\n\n outlineWidth (px 10)\n\n outlineWidth (em 1.4)\n\n outlineWidth none\n\n","type":"Css.LengthOrNone compatible -> Css.Style"},{"name":"outset","comment":" An `outset` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"outside","comment":" ","type":"Css.ListStyle (Css.ListStylePosition {})"},{"name":"overflow","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overflowWrap","comment":" ","type":"Css.Wrap compatible -> Css.Style"},{"name":"overflowX","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overflowY","comment":" ","type":"Css.Overflow compatible -> Css.Style"},{"name":"overlay","comment":" The `overlay` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#overlay).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"overline","comment":" An [`overline`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"padding","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n\n padding2 (px 10) (px 10)\n\n padding3 (px 10) (px 10) (px 10)\n\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"padding2","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n\n padding2 (px 10) (px 10)\n\n padding3 (px 10) (px 10) (px 10)\n\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"padding3","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n\n padding2 (px 10) (px 10)\n\n padding3 (px 10) (px 10) (px 10)\n\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Style"},{"name":"padding4","comment":" Sets [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)\n\n padding (px 10)\n\n padding2 (px 10) (px 10)\n\n padding3 (px 10) (px 10) (px 10)\n\n padding4 (px 10) (px 10) (px 10) (px 10)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Length compatible units -> Css.Style"},{"name":"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":"Css.LengthOrAuto compatible -> Css.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":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"paddingBottom","comment":" Sets [`padding-bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)\n\n paddingBottom (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingBox","comment":" The `padding-box` [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) value.\n","type":"Css.BackgroundClip {}"},{"name":"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":"Css.LengthOrAuto compatible -> Css.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":"Css.LengthOrAuto compatible -> Css.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":"Css.Length compatible units -> Css.Style"},{"name":"paddingRight","comment":" Sets [`padding-right`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)\n\n paddingRight (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingTop","comment":" Sets [`padding-top`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)\n\n paddingTop (px 10)\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"panDown","comment":" The `pan-down` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panLeft","comment":" The `pan-left` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panRight","comment":" The `pan-right` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panUp","comment":" The `pan-up` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panX","comment":" The `pan-x` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"panY","comment":" The `pan-y` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"pc","comment":" [`pc`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pc) units.\n","type":"Basics.Float -> Css.Pc"},{"name":"pct","comment":" [`pct`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pct) units.\n","type":"Basics.Float -> Css.Pct"},{"name":"perspective","comment":" The [`perspective()`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#perspective()) transform-function.\n\n transform (perspective 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"petiteCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"pinchZoom","comment":" The `pinch-zoom` value for the [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n","type":"Css.TouchAction {}"},{"name":"plus","comment":" Use with calc to add lengths together\n\n >>> calc (pct 100) plus (px 2)\n calc (100% + 2px)\n\n","type":"Css.CalcExpression"},{"name":"pointer","comment":" ","type":"Css.Cursor {}"},{"name":"position","comment":" The [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property.\n","type":"Css.Position compatible -> Css.Style"},{"name":"pre","comment":" The `pre` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n whiteSpace pre\n\n","type":"Css.WhiteSpace {}"},{"name":"preLine","comment":" The `pre-line` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n whiteSpace preLine\n\n","type":"Css.WhiteSpace {}"},{"name":"preWrap","comment":" The `pre-wrap` [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) value.\n\n whiteSpace preWrap\n\n","type":"Css.WhiteSpace {}"},{"name":"preserve3d","comment":" The `preserve-3d` value for the [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n","type":"Css.TransformStyle {}"},{"name":"progress","comment":" ","type":"Css.Cursor {}"},{"name":"property","comment":" Define a custom property.\n\n 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 -> String.String -> Css.Style"},{"name":"proportionalNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"pseudoClass","comment":" Define a custom pseudo-class.\n\nThis can be useful for deprecated pseudo-classes such as `-moz-any-link`, which\n[has been deprecated and removed](https://www.fxsitecompat.com/en-CA/docs/2016/any-link-css-pseudo-class-has-been-unprefixed/)\nin modern browsers.\n\n 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.String -> List.List Css.Style -> Css.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.String -> List.List Css.Style -> Css.Style"},{"name":"pt","comment":" [`pt`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#pt) units.\n","type":"Basics.Float -> Css.Pt"},{"name":"px","comment":" [`px`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#px) units.\n","type":"Basics.Float -> Css.Px"},{"name":"qt","comment":" For use with [`font-family`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)\n\n fontFamily serif\n\n fontFamilies [ qt \"Gill Sans Extrabold\", \"Helvetica\", .value sansSerif ]\n\n","type":"String.String -> String.String"},{"name":"rad","comment":" [`rad`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#rad) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"readWrite","comment":" A [`:read-write`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aread-write)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"relative","comment":" A `relative` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n position relative\n\n","type":"Css.Position {}"},{"name":"rem","comment":" [`rem`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem) units.\n","type":"Basics.Float -> Css.Rem"},{"name":"repeat","comment":" The `repeat` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"repeatX","comment":" The `repeat-x` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeatShorthand {}"},{"name":"repeatY","comment":" The `repeat-y` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeatShorthand {}"},{"name":"required","comment":" A [`:required`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Arequired)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"resize","comment":" ","type":"Css.Resize compatible -> Css.Style"},{"name":"rgb","comment":" [RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb())\nin functional notation.\n","type":"Basics.Int -> Basics.Int -> Basics.Int -> Css.Color"},{"name":"rgba","comment":" [RGBA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()).\n","type":"Basics.Int -> Basics.Int -> Basics.Int -> Basics.Float -> Css.Color"},{"name":"ridge","comment":" A `ridge` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle {}"},{"name":"right","comment":" Sets [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/right).\n\n position absolute\n\n right (px 5)\n\nThis can also be used as a `right` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) value:\n\n textAlign right\n\nIt can also be used as a `right` [float](https://developer.mozilla.org/en-US/docs/Web/CSS/float) value :\n\n float right\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"root","comment":" A [`:root`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aroot)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"rotate","comment":" The [`rotate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate()) transform-function.\n\n transform (rotate (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotate3d","comment":" The [`rotate3d`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate3d()) transform-function.\n\n transform (rotate3d 1 1 1 (deg 90))\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Angle compatible -> Css.Transform {}"},{"name":"rotateX","comment":" The [`rotateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateX()) transform-function.\n\n transform (rotateX (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotateY","comment":" The [`rotateY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateY()) transform-function.\n\n transform (rotateY (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"rotateZ","comment":" The [`rotateZ`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateZ()) transform-function.\n\n transform (rotateZ (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"round","comment":" The `round` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"row","comment":" The[`row`]( #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"rowResize","comment":" ","type":"Css.Cursor {}"},{"name":"rowReverse","comment":" The[`row-reverse`]( #Values) value for the\nflex-direction property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexDirection {})"},{"name":"sResize","comment":" ","type":"Css.Cursor {}"},{"name":"sansSerif","comment":" ","type":"Css.FontFamily {}"},{"name":"saturation","comment":" The `saturation` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#saturation).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"scale","comment":" The [`scale`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.\n\n transform (scale 0.5)\n transform (scale2 0.5 0.7)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scale2","comment":" The [`scale`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.\n\n transform (scale 0.5)\n transform (scale2 0.5 0.7)\n\n","type":"Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"scale3d","comment":" The [`scale3d`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale3d()) transform-function.\n\n transform (scale3d 0.5 0.5 1)\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> Css.Transform {}"},{"name":"scaleX","comment":" The [`scaleX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleX()) transform-function.\n\n transform (scaleX 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scaleY","comment":" The [`scaleY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleY()) transform-function.\n\n transform (scaleY 0.5)\n\n","type":"Basics.Float -> Css.Transform {}"},{"name":"scope","comment":" A [`:scope`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ascope)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"screenBlendMode","comment":" The `screen` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#screen).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"scroll","comment":" The `scroll` [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) value.\nThis can also represent a `scroll` [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) value.\nIt can also be used in the overflow-block and oveflow-line media features.\n","type":"{ value : String.String, scroll : Css.Compatible, overflow : Css.Compatible, backgroundAttachment : Css.Compatible, blockAxisOverflow : Css.Compatible, inlineAxisOverflow : Css.Compatible }"},{"name":"seResize","comment":" ","type":"Css.Cursor {}"},{"name":"selection","comment":" A [`::selection`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3Aselection)\n[pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements).\n","type":"List.List Css.Style -> Css.Style"},{"name":"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.String -> List.List Css.Style -> Css.Snippet"},{"name":"separate","comment":" A `separate` [border-collapse](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse#Values).\n","type":"Css.BorderCollapse {}"},{"name":"serif","comment":" ","type":"Css.FontFamily {}"},{"name":"skew","comment":" The [`skew`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.\n\n transform (skew (deg 90))\n transform (skew2 (deg 90) (deg 45))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"skew2","comment":" The [`skew`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.\n\n transform (skew (deg 90))\n transform (skew2 (deg 90) (deg 45))\n\n","type":"Css.Angle compatibleA -> Css.Angle compatibleB -> Css.Transform {}"},{"name":"skewX","comment":" The [`skewX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewX()) transform-function.\n\n transform (skewX (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"skewY","comment":" The [`skewY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewY()) transform-function.\n\n transform (skewY (deg 90))\n\n","type":"Css.Angle compatible -> Css.Transform {}"},{"name":"slashedZero","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"small","comment":" ","type":"Css.FontSize {}"},{"name":"smallCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"smaller","comment":" ","type":"Css.FontSize {}"},{"name":"softLight","comment":" The `soft-light` [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#soft-light).\n","type":"Css.BackgroundBlendMode compatible"},{"name":"solid","comment":" A `solid` [border style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values).\n","type":"Css.BorderStyle (Css.TextDecorationStyle {})"},{"name":"space","comment":" The `space` [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) value.\n","type":"Css.BackgroundRepeat {}"},{"name":"spaceAround","comment":" The[`space-around`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content#Values) value for the\njustify-content property.\n","type":"Css.JustifyContent a b"},{"name":"spaceBetween","comment":" The[`space-between`](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content#Values) value for the\njustify-content property.\n","type":"Css.JustifyContent a b"},{"name":"square","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"src","comment":" ","type":"Css.ImportType compatible -> String.String"},{"name":"stackedFractions","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"start","comment":" `start` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"static","comment":" A `static` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n position static\n\n","type":"Css.Position {}"},{"name":"sticky","comment":" A `sticky` [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) value.\n\n position sticky\n\n","type":"Css.Position {}"},{"name":"stop","comment":" [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.ColorValue compatibleA -> Css.ColorStop compatibleA compatibleB unit"},{"name":"stop2","comment":" [`ColorStop`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.ColorValue compatibleA -> Css.Length compatibleB unit -> Css.ColorStop compatibleA compatibleB unit"},{"name":"stretch","comment":" The[`stretch`](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#Values) value for the\nalign-items property.\n","type":"Css.AlignItems a b"},{"name":"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.List Css.Snippet -> Css.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":"Css.VerticalAlign a b"},{"name":"subtractLengths","comment":" Subtract two lengths.\n\n >>> subtractLengths (em 7) (em 3)\n em 4\n\n","type":"Css.Length compatible units -> Css.Length compatible units -> Css.Length compatible units"},{"name":"super","comment":" The `super` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n verticalAlign super\n\n","type":"Css.VerticalAlign a b"},{"name":"swResize","comment":" ","type":"Css.Cursor {}"},{"name":"table","comment":" Sets the display style to [`table`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableCaption","comment":" Sets the display style to [`table-caption`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableCell","comment":" Sets the display style to [`table-cell`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableColumn","comment":" Sets the display style to [`table-column`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableColumnGroup","comment":" Sets the display style to [`table-column-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableFooterGroup","comment":" Sets the display style to [`table-footer-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableHeaderGroup","comment":" Sets the display style to [`table-header-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableRow","comment":" Sets the display style to [`table-row`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tableRowGroup","comment":" Sets the display style to [`table-row-group`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#Values)\n","type":"Css.Display {}"},{"name":"tabularNums","comment":" ","type":"Css.FontVariantNumeric {}"},{"name":"target","comment":" A [`:target`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Atarget)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"telugu","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"text","comment":" ","type":"Css.Cursor {}"},{"name":"textAlign","comment":" Sets [`text-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"textAlignLast","comment":" Sets [`text-align-last`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last).\n**Note:** `auto` is not currently supported here. If you need to set this property to `auto`,\nuse this workaround:\n\n property \"text-align-last\" \"auto\"\n\n If this is annoying, please file an issue, so adding support for \"auto\"\n can be prioritized!\n\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"textBottom","comment":" The `text-bottom` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n verticalAlign textBottom\n\n","type":"Css.VerticalAlign a b"},{"name":"textDecoration","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecoration underline\n\n textDecoration2 underline wavy\n\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine a -> Css.Style"},{"name":"textDecoration2","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecoration underline\n\n textDecoration2 underline wavy\n\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine compatibleA -> Css.TextDecorationStyle compatibleB -> Css.Style"},{"name":"textDecoration3","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecoration underline\n\n textDecoration2 underline wavy\n\n textDecoration3 underline wavy (rgb 128 64 32)\n\nYou can specify multiple line decorations with `textDecorations`.\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"Css.TextDecorationLine compatibleA -> Css.TextDecorationStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textDecorationLine","comment":" Sets [`text-decoration-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line)\n\n textDecorationLine underline\n\nYou can specify multiple line decorations with `textDecorationLines`.\n\n textDecorationLines [ underline, overline ]\n\n","type":"Css.TextDecorationLine compatible -> Css.Style"},{"name":"textDecorationLines","comment":" Sets [`text-decoration-line`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line)\n\n textDecorationLines [ underline, overline ]\n\n","type":"List.List (Css.TextDecorationLine compatible) -> Css.Style"},{"name":"textDecorationStyle","comment":" Sets [`text-decoration-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style)\n\n textDecorationStyle dotted\n\n","type":"Css.TextDecorationStyle compatible -> Css.Style"},{"name":"textDecorations","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatible) -> Css.Style"},{"name":"textDecorations2","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatibleA) -> Css.TextDecorationStyle compatibleB -> Css.Style"},{"name":"textDecorations3","comment":" Sets [`text-decoration`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)\n\n textDecorations [ underline, overline ]\n\n textDecorations2 [ underline, overline ] wavy\n\n textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)\n\n","type":"List.List (Css.TextDecorationLine compatibleA) -> Css.TextDecorationStyle compatibleB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textEmphasisColor","comment":" Sets ['text-emphasis-color'](https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-color)\n\n textEmphasisColor (rgb 100 100 100)\n\n","type":"Css.ColorValue compatible -> Css.Style"},{"name":"textIndent","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n\n textIndent2 (px 40) hanging\n\n textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatible units -> Css.Style"},{"name":"textIndent2","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n\n textIndent2 (px 40) hanging\n\n textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatibleA unitsA -> Css.TextIndent compatibleB -> Css.Style"},{"name":"textIndent3","comment":" Sets [`text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent).\n\n textIndent (px 40)\n\n textIndent2 (px 40) hanging\n\n textIndent3 (px 40) hanging eachLine\n\n","type":"Css.Length compatibleA unitsA -> Css.TextIndent compatibleB -> Css.TextIndent compatibleC -> Css.Style"},{"name":"textOrientation","comment":" Sets [`text-orientation`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation).\n\n text - orientation mixed\n\n","type":"Css.TextOrientation compatible -> Css.Style"},{"name":"textOverflow","comment":" Sets [`text-overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow).\n\n textOverflow ellipsis\n\n","type":"Css.TextOverflow compatible -> Css.Style"},{"name":"textRendering","comment":" Sets [`text-rendering`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering).\n","type":"Css.TextRendering a -> Css.Style"},{"name":"textShadow","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n\n textShadow2 (px 1) (px 2)\n\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.None compatible -> Css.Style"},{"name":"textShadow2","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n\n textShadow2 (px 1) (px 2)\n\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Style"},{"name":"textShadow3","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n\n textShadow2 (px 1) (px 2)\n\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.ColorValue compatibleC -> Css.Style"},{"name":"textShadow4","comment":" Sets [`text-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow).\n\n textShadow none\n\n textShadow2 (px 1) (px 2)\n\n textShadow3 (px 1) (px 2) (rgb 211 121 112)\n\n textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.ColorValue compatibleD -> Css.Style"},{"name":"textTop","comment":" The `text-top` [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value.\n\n verticalAlign textTop\n\n","type":"Css.VerticalAlign a b"},{"name":"textTransform","comment":" Sets [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform).\n","type":"Css.TextTransform compatible -> Css.Style"},{"name":"thai","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"thick","comment":" The\n[border width values](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nof `thin`, `medium`, and `thick` have unspecified behavior according to the\nCSS specification, and as such are intentionally unsupported.\n\nUsing them is a bad idea, but if the fate of the world depends on it, you can\nfall back on something like this:\n\n stylesheet\n [ button\n [ property \"border-left\" \"thick\" ]\n ]\n\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"thin","comment":" The\n[border width values](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\nof `thin`, `medium`, and `thick` have unspecified behavior according to the\nCSS specification, and as such are intentionally unsupported.\n\nUsing them is a bad idea, but if the fate of the world depends on it, you can\nfall back on something like this:\n\n stylesheet\n [ button\n [ property \"border-left\" \"thin\" ]\n ]\n\n","type":"Css.IntentionallyUnsupportedPleaseSeeDocs"},{"name":"titlingCaps","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"toBottom","comment":" Sets the direction to [`bottom`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toBottomLeft","comment":" Sets the direction to [`bottom left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toBottomRight","comment":" Sets the direction to [`bottom right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toLeft","comment":" Sets the direction to [`left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toRight","comment":" Sets the direction to [`right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTop","comment":" Sets the direction to [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTopLeft","comment":" Sets the direction to [`top left`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"toTopRight","comment":" Sets the direction to [`top right`](https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Values)\n","type":"Css.AngleOrDirection {}"},{"name":"top","comment":" The [`top`](https://developer.mozilla.org/en-US/docs/Web/CSS/top) property.\n\n position absolute\n\n top (px 5)\n\nThis can also be used as a `top` [vertical-align](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) value:\n\n verticalAlign top\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"touchAction","comment":" Sets [`touch-action`](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.\n\ntouchAction (auto | none | panX | panLeft | panRight | panY | panUp | panDown | pinchZoom | manipulation | inherit | initial | unset)\n\n","type":"Css.TouchAction compatible -> Css.Style"},{"name":"transform","comment":" Sets [`transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nwith a single explicit transform value. If you need to set the transform\nproperty to `none`, use the `transforms` function with an empty list. See\n`transforms` for more details.\n\n transform (scaleX 1.4)\n\n","type":"Css.Transform compatible -> Css.Style"},{"name":"transformBox","comment":" The [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox compatible -> Css.Style"},{"name":"transformStyle","comment":" The [`transform-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) property.\n","type":"Css.TransformStyle compatible -> Css.Style"},{"name":"transforms","comment":" Sets [`transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)\nwith a series of transform-functions. If an empty list is provided, the CSS\noutput will be `none`, as if to state directly that the set of transforms\napplied to the current selector is empty:\n\n transforms [] -- transform: none;\n\nIn the case that only one transform is needed, the `transform` function may be\nused instead for convenience. `transform` expects exactly one transform-function\nand cannot be passed `none`:\n\n transform (matrix 1 2 3 4 5 6) -- transform: matrix(1, 2, 3, 4, 5, 6);\n\nIf a collection of transforms is needed, use the `transforms` function with a\npopulated list:\n\n transforms [ perspective 1, scale2 1 1.4 ]\n\n","type":"List.List (Css.Transform compatible) -> Css.Style"},{"name":"translate","comment":" The [`translate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.\n\n transform (translate (px 100))\n\n transform (translate2 (px 100) (pct -45))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translate2","comment":" The [`translate`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.\n\n transform (translate (px 100))\n\n transform (translate2 (px 100) (pct -45))\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Transform {}"},{"name":"translate3d","comment":" The [`translateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.\n\n transform (translate3d (px 100) (px 100) (px 100))\n\n","type":"Css.Length compatibleA unitsA -> Css.Length compatibleB unitsB -> Css.Length compatibleC unitsC -> Css.Transform {}"},{"name":"translateX","comment":" The [`translateX`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.\n\n transform (translateX (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translateY","comment":" The [`translateY`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateY()) transform-function.\n\n transform (translateY (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"translateZ","comment":" The [`translateZ`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateZ()) transform-function.\n\n transform (translateZ (px 100))\n\n","type":"Css.Length compatible units -> Css.Transform {}"},{"name":"transparent","comment":" A [`transparent`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#transparent_keyword) color.\n","type":"Css.ColorValue Css.NonMixable"},{"name":"true","comment":" `true` [alignment](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).\n","type":"Css.TextAlign a b"},{"name":"turn","comment":" [`turn`](https://developer.mozilla.org/en-US/docs/Web/CSS/angle#tr) units.\n","type":"Basics.Float -> Css.AngleOrDirection (Css.Angle {})"},{"name":"underline","comment":" An [`underline`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line#Value)\ntext decoration line.\n","type":"Css.TextDecorationLine {}"},{"name":"unicase","comment":" ","type":"Css.FontVariantCaps {}"},{"name":"unset","comment":" The [`unset`](https://developer.mozilla.org/en-US/docs/Web/CSS/unset) value.\nAny CSS property can be set to this value.\n","type":"Css.BasicProperty"},{"name":"upperAlpha","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"upperLatin","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"upperRoman","comment":" ","type":"Css.ListStyle (Css.ListStyleType {})"},{"name":"uppercase","comment":" `uppercase` [`text-transform`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform#Values) value\n","type":"Css.TextTransform {}"},{"name":"url","comment":" The `url` [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) value.\n","type":"String.String -> Css.BackgroundImage {}"},{"name":"valid","comment":" A [`:valid`](https://developer.mozilla.org/en-US/docs/Web/CSS/%3Avalid)\n[pseudo-class](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes).\n","type":"List.List Css.Style -> Css.Style"},{"name":"vertical","comment":" The `vertical` value for the [`resize`](https://developer.mozilla.org/en/docs/Web/CSS/resize#Values) property.\n","type":"Css.Resize {}"},{"name":"verticalAlign","comment":" Sets [`vertical-align`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align).\n","type":"(Css.ExplicitLength Css.IncompatibleUnits -> Css.Style) -> Css.Style"},{"name":"verticalText","comment":" ","type":"Css.Cursor {}"},{"name":"vh","comment":" [`vh`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vh) units.\n","type":"Basics.Float -> Css.Vh"},{"name":"viewBox","comment":" The `view-box` value for the [`transform-box`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-box) property.\n","type":"Css.TransformBox {}"},{"name":"visible","comment":" The `visible` value for the [`overflow`](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values) property.\n","type":"Css.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.List Css.Style -> Css.Style"},{"name":"vmax","comment":" [`vmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmax) units.\n","type":"Basics.Float -> Css.Vmax"},{"name":"vmin","comment":" [`vmin`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vmin) units.\n","type":"Basics.Float -> Css.Vmin"},{"name":"vw","comment":" [`vw`](https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw) units.\n","type":"Basics.Float -> Css.Vw"},{"name":"wResize","comment":" ","type":"Css.Cursor {}"},{"name":"wait","comment":" ","type":"Css.Cursor {}"},{"name":"wavy","comment":" A `wavy` [text decoration style](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style#Values).\n","type":"Css.TextDecorationStyle {}"},{"name":"whiteSpace","comment":" ","type":"Css.WhiteSpace compatible -> Css.Style"},{"name":"width","comment":" Sets [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width)\n\n width (px 960)\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"withClass","comment":" ","type":"String.String -> List.List Css.Style -> Css.Style"},{"name":"wrap","comment":" The[`wrap`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap#Values) value for the\nflex-wrap property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexWrap {})"},{"name":"wrapReverse","comment":" The[`wrap-reverse`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap#Values) value for the\nflex-wrap property.\n","type":"Css.FlexDirectionOrWrap (Css.FlexWrap {})"},{"name":"xLarge","comment":" ","type":"Css.FontSize {}"},{"name":"xSmall","comment":" ","type":"Css.FontSize {}"},{"name":"xxLarge","comment":" ","type":"Css.FontSize {}"},{"name":"xxSmall","comment":" ","type":"Css.FontSize {}"},{"name":"zIndex","comment":" Sets [`z-index`](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)\n\n zIndex (int 2)\n\nSee for a useful library\nto manage z-index values.\n\n","type":"Css.IntOrAuto compatible -> Css.Style"},{"name":"zero","comment":" Convenience length value that compiles to 0 with no units.\n\n stylesheet\n [ ul\n [ padding zero ]\n ]\n\n...compiles to:\n\n ul {\n padding: 0;\n }\n\n","type":"{ value : String.String, length : Css.Compatible, lengthOrNumber : Css.Compatible, lengthOrNone : Css.Compatible, lengthOrAuto : Css.Compatible, lengthOrMinMaxDimension : Css.Compatible, lengthOrNoneOrMinMaxDimension : Css.Compatible, number : Css.Compatible, outline : Css.Compatible, units : Css.UnitlessInteger, unitLabel : String.String, numericValue : Basics.Float, lengthOrAutoOrCoverOrContain : Css.Compatible }"},{"name":"zoomIn","comment":" ","type":"Css.Cursor {}"},{"name":"zoomOut","comment":" ","type":"Css.Cursor {}"}],"binops":[]},{"name":"Css.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, white\n\n","unions":[],"aliases":[],"values":[{"name":"aqua","comment":" \n","type":"Css.Color"},{"name":"black","comment":" \n","type":"Css.Color"},{"name":"blue","comment":" \n","type":"Css.Color"},{"name":"fuchsia","comment":" \n","type":"Css.Color"},{"name":"gray","comment":" \n","type":"Css.Color"},{"name":"green","comment":" \n","type":"Css.Color"},{"name":"lime","comment":" \n","type":"Css.Color"},{"name":"maroon","comment":" \n","type":"Css.Color"},{"name":"navy","comment":" \n","type":"Css.Color"},{"name":"olive","comment":" \n","type":"Css.Color"},{"name":"orange","comment":" \n","type":"Css.Color"},{"name":"purple","comment":" \n","type":"Css.Color"},{"name":"red","comment":" \n","type":"Css.Color"},{"name":"silver","comment":" \n","type":"Css.Color"},{"name":"teal","comment":" \n","type":"Css.Color"},{"name":"white","comment":" \n","type":"Css.Color"},{"name":"yellow","comment":" \n","type":"Css.Color"}],"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.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"article","comment":" Selector for an article element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"aside","comment":" Selector for a [aside](https://developer.mozilla.org/en/docs/Web/HTML/Element/aside) element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"audio","comment":" Selector for an audio element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"blockquote","comment":" Selector for a blockquote element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"body","comment":" Selector for a body element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"button","comment":" Selector for a button element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"canvas","comment":" Selector for a canvas element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"caption","comment":" Selector for a caption element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"circle","comment":" Selector for a circle element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"code","comment":" Selector for a code element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"col","comment":" Selector for a col element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"colgroup","comment":" Selector for a colgroup element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"dd","comment":" Selector for a dd element.\n\n https :// developer.mozilla.org / en - US / docs / Web / HTML / Element / dd\n\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"div","comment":" Selector for a div element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"dl","comment":" Selector for a dl element.\n\n https :// developer.mozilla.org / en - US / docs / Web / HTML / Element / dl\n\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"dt","comment":" Selector for a dt element.\n\n https :// developer.mozilla.org / en - US / docs / Web / HTML / Element / dt\n\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"ellipse","comment":" Selector for a ellipse element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"em","comment":" Selector for a em element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"fieldset","comment":" Selector for a fieldset element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"footer","comment":" Selector for a footer element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"form","comment":" Selector for a form element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h1","comment":" Selector for an h1 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h2","comment":" Selector for an h2 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h3","comment":" Selector for an h3 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h4","comment":" Selector for an h4 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h5","comment":" Selector for an h5 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"h6","comment":" Selector for an h6 element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"header","comment":" Selector for a header element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"hr","comment":" Selector for an hr element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"html","comment":" Selector for a html element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"i","comment":" Selector for a i element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"img","comment":" Selector for a img element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"input","comment":" Selector for an input element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"label","comment":" Selector for a label element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"legend","comment":" Selector for a legend element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"li","comment":" Selector for an li element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"line","comment":" Selector for a line element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"main_","comment":" Selector for a main element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"menu","comment":" Selector for a [menu](https://developer.mozilla.org/en/docs/Web/HTML/Element/menu) element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"nav","comment":" Selector for a nav element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"ol","comment":" Selector for an ol element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"optgroup","comment":" Selector for an optgroup element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"option","comment":" Selector for an option element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"p","comment":" Selector for a p element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"path","comment":" Selector for a path element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"polygon","comment":" Selector for a polygon element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"polyline","comment":" Selector for a polyline element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"pre","comment":" Selector for a pre element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"progress","comment":" Selector for a progress element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"q","comment":" Selector for a [q](https://developer.mozilla.org/en/docs/Web/HTML/Element/q) element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"rect","comment":" Selector for a rect element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"section","comment":" Selector for a section element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"select","comment":" Selector for a select element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"small","comment":" Selector for a small element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"span","comment":" Selector for a span element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"strong","comment":" Selector for a strong element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"svg","comment":" Selector for a svg element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"table","comment":" Selector for a table element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"tbody","comment":" Selector for a tbody element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"td","comment":" Selector for a td element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"textarea","comment":" Selector for a textarea element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"tfoot","comment":" Selector for a tfoot element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"th","comment":" Selector for a th element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"thead","comment":" Selector for a thead element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"time","comment":" Selector for a [time](https://developer.mozilla.org/en/docs/Web/HTML/Element/time) element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"tr","comment":" Selector for a tr element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.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.String -> List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"ul","comment":" Selector for a ul element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"},{"name":"video","comment":" Selector for a video element.\n","type":"List.List Css.Preprocess.Style -> Css.Preprocess.Snippet"}],"binops":[]},{"name":"Css.File","comment":" Functions for writing CSS files from elm-css.\n\n@docs compile, compiler, toFileStructure, CssFileStructure, CssCompilerProgram\n\n\n## Automatically-generated unique classes\n\n@docs UniqueClass, uniqueClass, UniqueSvgClass, uniqueSvgClass\n\n","unions":[{"name":"UniqueClass","comment":" Styles scoped under an automatically-generated class.\n","args":[],"cases":[]},{"name":"UniqueSvgClass","comment":" Styles scoped under an automatically-generated class. Use these for \nelements, as they use a different\n","args":[],"cases":[]}],"aliases":[{"name":"CssCompilerProgram","comment":" A prorgam that compiles a CSS file.\n\nSee [`compiler`](#compiler).\n\n","args":[],"type":"Platform.Program Basics.Never () Basics.Never"},{"name":"CssFileStructure","comment":" A description of CSS files that will be created by elm-css.\n","args":[],"type":"List.List { filename : String.String, content : String.String, success : Basics.Bool }"}],"values":[{"name":"compile","comment":" Convenience re-export of Css.compile\n","type":"List.List Css.Stylesheet -> { css : String.String, warnings : List.List String.String }"},{"name":"compiler","comment":" Create a program that compiles an elm-css stylesheet to a CSS file.\n\n import Css.File exposing (CssCompilerProgram, CssFileStructure)\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":"(Css.File.CssFileStructure -> Platform.Cmd.Cmd Basics.Never) -> Css.File.CssFileStructure -> Css.File.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.List ( String.String, { css : String.String, warnings : List.List String.String } ) -> Css.File.CssFileStructure"},{"name":"uniqueClass","comment":" Create a style scoped under an automatically-generated class that is\nguaranteed to be unique - at least relative to other class names generated\nusing this function!\n\nNote: Use [`uniqueSvgClass`](#uniqueSvgClass) for classes that will be used\nwith SVG elements. These will not work with them!\n\n","type":"List.List Css.Style -> Css.File.UniqueClass"},{"name":"uniqueSvgClass","comment":" Create a style scoped under an automatically-generated class that is\nguaranteed to be unique - at least relative to other class names generated\nusing this function!\n\nNote: Use [`uniqueClass`](#uniqueClass) for classes that will be used with\nSVG elements. These will only work with SVGs!\n\n","type":"List.List Css.Style -> Css.File.UniqueSvgClass"}],"binops":[]},{"name":"Css.Media","comment":" Functions for building `@media` queries.\n\n[[https://developer.mozilla.org/en-US/docs/Web/CSS/Media\\_Queries/Using\\_media\\_queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)\n\n\n# Data Structures\n\n@docs MediaQuery, MediaType, Expression\n\n\n# `@media` rule constructors\n\n@docs media, withMedia, mediaQuery, withMediaQuery\n\n\n# Query constructors\n\n@docs all, only, not\n\n\n# Media Types\n\n@docs screen, print, speech\n\n\n# Viewport, Page Dimensions Media Features\n\n@docs minWidth, width, maxWidth, minHeight, height, maxHeight, Ratio, ratio\n@docs minAspectRatio, aspectRatio, maxAspectRatio, Landscape, Portrait\n@docs landscape, portrait, orientation\n\n\n# Display Quality Media Features\n\n@docs Resolution, dpi, dpcm, dppx, minResolution, resolution, maxResolution\n@docs scan, Progressive, Interlace, progressive, interlace, grid, Slow\n@docs Fast, slow, fast, update, Paged, OptionalPaged, paged, optionalPaged\n@docs overflowBlock, overflowInline\n\n\n# Color Media Features\n\n@docs Bits, bits, minColor, color, maxColor, minMonochrome, monochrome\n@docs maxMonochrome, minColorIndex, colorIndex, maxColorIndex, SRGB, P3\n@docs Rec2020, srgb, p3, rec2020, colorGamut\n\n\n# Interaction Media Features\n\n@docs Fine, Coarse, fine, coarse, pointer, anyPointer, CanHover, canHover\n@docs hover, anyHover\n\n\n# Scripting Media Features\n\n@docs InitialOnly, Enabled, initialOnly, enabled, scripting\n\n","unions":[],"aliases":[{"name":"Bits","comment":" ","args":[],"type":"{ value : String.String, bits : Css.Structure.Compatible }"},{"name":"CanHover","comment":" ","args":[],"type":"{ value : String.String, hoverCapability : Css.Structure.Compatible }"},{"name":"Coarse","comment":" ","args":[],"type":"{ value : String.String, pointerDevice : Css.Structure.Compatible }"},{"name":"Enabled","comment":" ","args":[],"type":"{ value : String.String, scriptingSupport : Css.Structure.Compatible }"},{"name":"Expression","comment":" A media expression.\n\nAn expression is a media feature with an optional value, which resolves to\neither true or false.\n\nIn the media query `screen and (min-width: 768px)`,\n\n - `screen` is a media type,\n - `min-width` is a media feature, and\n - `(min-width: 768px)` is an expression.\n\n[[https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media\\_features](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features)](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features)\n\n","args":[],"type":"Css.Structure.MediaExpression"},{"name":"Fast","comment":" ","args":[],"type":"{ value : String.String, updateFrequency : Css.Structure.Compatible }"},{"name":"Fine","comment":" ","args":[],"type":"{ value : String.String, pointerDevice : Css.Structure.Compatible }"},{"name":"InitialOnly","comment":" ","args":[],"type":"{ value : String.String, scriptingSupport : Css.Structure.Compatible }"},{"name":"Interlace","comment":" ","args":[],"type":"{ value : String.String, scanningProcess : Css.Structure.Compatible }"},{"name":"Landscape","comment":" ","args":[],"type":"{ value : String.String, orientation : Css.Structure.Compatible }"},{"name":"MediaQuery","comment":" One query of a media rule. A media rule can have multiple queries.\nThe CSS below contains 1 rule, with 2 queries.\n\n```css\n@media print, screen and (monochrome) {\n body {\n color: black;\n }\n}\n```\n\nThe above rule roughly translates as:\n_If the device is a printer or is a monochrome screen, the body color is black._\n\nIn elm-css, queries are joined into rules using a special `MediaQuery`\nreturned by the `or` function.\n\n","args":[],"type":"Css.Structure.MediaQuery"},{"name":"MediaType","comment":" A media type.\n\n[[https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media\\_types](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_types)](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_types)\n\n","args":[],"type":"Css.Structure.MediaType"},{"name":"OptionalPaged","comment":" ","args":[],"type":"{ value : String.String, blockAxisOverflow : Css.Structure.Compatible }"},{"name":"P3","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Paged","comment":" ","args":[],"type":"{ value : String.String, blockAxisOverflow : Css.Structure.Compatible }"},{"name":"Portrait","comment":" ","args":[],"type":"{ value : String.String, orientation : Css.Structure.Compatible }"},{"name":"Progressive","comment":" ","args":[],"type":"{ value : String.String, scanningProcess : Css.Structure.Compatible }"},{"name":"Ratio","comment":" ","args":[],"type":"{ value : String.String, ratio : Css.Structure.Compatible }"},{"name":"Rec2020","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Resolution","comment":" Display Resolution. \n","args":[],"type":"{ value : String.String, resolution : Css.Structure.Compatible }"},{"name":"SRGB","comment":" ","args":[],"type":"{ value : String.String, colorGamut : Css.Structure.Compatible }"},{"name":"Slow","comment":" ","args":[],"type":"{ value : String.String, updateFrequency : Css.Structure.Compatible }"}],"values":[{"name":"all","comment":" Build a media query that will match all media types.\n\nThe supplied `expressions` are combined with `and`.\n\n media [ all [ color, landscape ] ]\n [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media (color) and (landscape) {\n body {\n color: #ff0000;\n }\n}\n```\n\n","type":"List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"anyHover","comment":" Media feature [`any-hover`](https://drafts.csswg.org/mediaqueries/#any-input)\nQueries the if any of user agent's input mechanisms have the ability to hover over elements\nAccepts `none` or `canHover`.\n\n media (anyHover canHover) [ a [ Css.hover [ textDecoration underline ] ] ]\n\n","type":"Css.Media.HoverCapability a -> Css.Media.Expression"},{"name":"anyPointer","comment":" Media feature [`any-pointer`](https://drafts.csswg.org/mediaqueries/#any-input)\nQueries the presence and accuracy of a pointing device, such as a mouse, touchscreen, or Wii remote.\nReflects the capabilities of the most capable input mechanism.\nAccepts `none`, `fine`, and `coarse`.\n\n media (anyPointer coarse) [ a [ display block, Css.height (px 24) ] ]\n\n","type":"Css.Media.PointerDevice a -> Css.Media.Expression"},{"name":"aspectRatio","comment":" Media feature [`aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n media (aspectRatio (ratio 16 10)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"bits","comment":" Get a bumber of bits\n\n bits 8\n\n","type":"Basics.Int -> Css.Media.Bits"},{"name":"canHover","comment":" The value [`hover`](https://drafts.csswg.org/mediaqueries/#valdef-media-hover-hover).\nNamed `canHover` to avoid conflict with the media feature of the same name\n","type":"Css.Media.CanHover"},{"name":"coarse","comment":" CSS Value [`coarse`](https://drafts.csswg.org/mediaqueries/#valdef-media-pointer-coarse)\n","type":"Css.Media.Coarse"},{"name":"color","comment":" Media feature [`color`](https://drafts.csswg.org/mediaqueries/#color)\n\n media (not color) [ body [ Css.color (hex \"000000\") ] ]\n\n","type":"Css.Media.Expression"},{"name":"colorGamut","comment":" Media feature [`color-gamut`](https://drafts.csswg.org/mediaqueries/#color-gamut).\nDescribes the approximate range of colors supported by the user agent and device.\n\n media (and screen (colorGamut rec2020)) [ Css.class HiColorImg [ display block ] ]\n\n","type":"Css.Media.ColorGamut a -> Css.Media.Expression"},{"name":"colorIndex","comment":" Media feature [`color-index`](https://drafts.csswg.org/mediaqueries/#color-index)\nQueries the number of colors in the user agent's color lookup table.\n\n media (and screen (colorIndex (int 16777216))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"dpcm","comment":" `dpcm`: Dots per centimeter. \n\n dpcm 65\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"dpi","comment":" `dpi`: Dots per inch. \n\n dpi 166\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"dppx","comment":" `dppx`: Dots per pixel. \n\n dppx 1.5\n\n","type":"Basics.Float -> Css.Media.Resolution"},{"name":"enabled","comment":" CSS value [`enabled`](https://drafts.csswg.org/mediaqueries/#valdef-media-scripting-enabled).\n","type":"Css.Media.Enabled"},{"name":"fast","comment":" CSS value [`fast`](https://drafts.csswg.org/mediaqueries/#valdef-media-update-fast)\n","type":"Css.Media.Fast"},{"name":"fine","comment":" CSS Value [`fine`](https://drafts.csswg.org/mediaqueries/#valdef-media-pointer-fine)\n","type":"Css.Media.Fine"},{"name":"grid","comment":" Media feature [`grid`](https://drafts.csswg.org/mediaqueries/#grid).\nQueries whether the output device is a grid or bitmap.\n","type":"Css.Media.Expression"},{"name":"height","comment":" Media feature [`height`](https://drafts.csswg.org/mediaqueries/#height)\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"hover","comment":" Media feature [`hover`](https://drafts.csswg.org/mediaqueries/#hover).\nQueries the if the user agent's primary input mechanism has the ability to hover over elements.\nAccepts `none` or `canHover`.\n\n media (Media.hover canHover) [ a [ Css.hover [ textDecoration underline ] ] ]\n\n","type":"Css.Media.HoverCapability a -> Css.Media.Expression"},{"name":"initialOnly","comment":" CSS value [`initial-only`](https://drafts.csswg.org/mediaqueries/#valdef-media-scripting-initial-only).\n","type":"Css.Media.InitialOnly"},{"name":"interlace","comment":" CSS value [`interlace`](https://drafts.csswg.org/mediaqueries/#valdef-media-scan-interlace)\n","type":"Css.Media.Interlace"},{"name":"landscape","comment":" CSS value [`landscape`](https://drafts.csswg.org/mediaqueries/#valdef-media-orientation-portrait)\n","type":"Css.Media.Landscape"},{"name":"maxAspectRatio","comment":" Media feature [`max-aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n media (maxAspectRatio (ratio 16 9)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"maxColor","comment":" Media feature [`max-color`](https://drafts.csswg.org/mediaqueries/#color)\nQueries the user agent's bits per color channel\n\n media (and screen (maxColor (bits 8))) [ a [ Css.color (hex \"FF0000\") ] ]\n\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"maxColorIndex","comment":" Media feature [`max-color-index`](https://drafts.csswg.org/mediaqueries/#color-index).\nQueries the number of colors in the user agent's color lookup table.\n\n media (and screen (maxColorIndex (int 256))) [ a [ Css.color (hex \"FF0000\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"maxHeight","comment":" Media feature [`max-height`](https://drafts.csswg.org/mediaqueries/#height)\n\n media (Media.maxHeight (px 399)) [ Css.class TopBanner [ display none ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"maxMonochrome","comment":" Media feature [`max-monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"maxResolution","comment":" Media feature [`max-resolution`](https://drafts.csswg.org/mediaqueries/#resolution)\nDescribes the resolution of the output device.\n\n media (maxResolution (dpcm 65)) [ Css.class HiResImg [ display none ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"maxWidth","comment":" Media feature [`max-width`](https://drafts.csswg.org/mediaqueries/#width)\n\n media (Media.maxWidth (px 800)) [ Css.class MobileNav [ display none ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"media","comment":" Combines media queries into a `@media` rule.\n\n (stylesheet << namespace \"homepage\")\n [ media [ only screen [ Media.minWidth (px 300) ] ]\n [ footer [ Css.maxWidth (px 300) ] ]\n ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 300px) {\n footer {\n max-width: 300px;\n }\n}\n```\n\n","type":"List.List Css.Media.MediaQuery -> List.List Css.Snippet -> Css.Snippet"},{"name":"mediaQuery","comment":" Manually specify a `@media` rule using a List of strings.\n\n mediaQuery [ \"screen and (min-width: 320px)\", \"screen and (max-height: 400px)\" ]\n [ body [ fontSize (px 14) ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 320px), screen and (max-height: 400px) {\n body {\n font-size: 14px;\n }\n}\n```\n\n","type":"List.List String.String -> List.List Css.Snippet -> Css.Snippet"},{"name":"minAspectRatio","comment":" Media feature [`min-aspect-ratio`](https://drafts.csswg.org/mediaqueries/#aspect-ratio)\n\n media (minAspectRatio (ratio 1 1)) [ ... ]\n\n","type":"Css.Media.Ratio -> Css.Media.Expression"},{"name":"minColor","comment":" Media Feature [`min-nncolor`](https://drafts.csswg.org/mediaqueries/#color)\nQueries the user agent's bits per color channel\n\n media (screen (minColor (bits 256))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"minColorIndex","comment":" Media Feature [`min-color-index`](https://drafts.csswg.org/mediaqueries/nn#color-index)\nQueries the number of colors in the user agent's color lookup table.\n\n media (and screen (minColorIndex (int 16777216))) [ a [ Css.color (hex \"D9534F\") ] ]\n\n","type":"Css.Structure.Number a -> Css.Media.Expression"},{"name":"minHeight","comment":" Media feature [`min-height`](https://drafts.csswg.org/mediaqueries/#height)\n\n media (Media.minHeight (px 400)) [ Css.class TopBanner [ display block ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"minMonochrome","comment":" Media Feature [`min-monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n","type":"Css.Media.Bits -> Css.Media.Expression"},{"name":"minResolution","comment":" Media feature [`min-resolution`](https://drafts.csswg.org/mediaqueries/#resolution).\nDescribes the resolution of the output device.\n\n media (minResolution (dpi 600)) [ Css.class HiResImg [ display block ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"minWidth","comment":" Media feature [`min-width`](https://drafts.csswg.org/mediaqueries/#width)\nQueries the width of the output device.\n\n media (Media.minWidth (px 600)) [ Css.class Container [ Css.maxWidth (px 500) ] ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"monochrome","comment":" Media feature [`monochrome`](https://drafts.csswg.org/mediaqueries/#monochrome)\n\n media [ monochrome ] [ body [ Css.color (hex \"000000\") ] ]\n\n","type":"Css.Media.Expression"},{"name":"not","comment":" Build a negated media query.\n\n media [ not screen [] ]\n [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media not screen {\n body {\n color: #ff0000;\n }\n}\n```\n\n","type":"Css.Media.MediaType -> List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"only","comment":" Build a media query matching a single media type.\n\n media [ only screen [ minWidth (px 320), portrait ] ]\n [ body [ Css.color (hex \"ff0000\") ] ]\n\nThe above code translates into the following CSS.\n\n```css\n@media only screen and (min-width: 320px) and (portrait) {\n body {\n color: #ff0000;\n }\n}\n```\n\n","type":"Css.Media.MediaType -> List.List Css.Media.Expression -> Css.Media.MediaQuery"},{"name":"optionalPaged","comment":" CSS value [`optional-paged`](https://drafts.csswg.org/mediaqueries/#valdef-media-overflow-block-optional-paged)\n","type":"Css.Media.OptionalPaged"},{"name":"orientation","comment":" Media feature [`orientation`](https://drafts.csswg.org/mediaqueries/#orientation).\nAccepts `portrait` or `landscape`.\n","type":"Css.Media.Orientation a -> Css.Media.Expression"},{"name":"overflowBlock","comment":" Media feature [`overflow-block`](https://drafts.csswg.org/mediaqueries/#overflow-block)\nDescribes the behavior of the device when content overflows the initial containing block in the block axis.\n","type":"Css.Media.BlockAxisOverflow a -> Css.Media.Expression"},{"name":"overflowInline","comment":" Media feature [`overflow-inline`](https://drafts.csswg.org/mediaqueries/#overflow-inline).\nDescribes the behavior of the device when content overflows the initial containing block in the inline axis.\n","type":"Css.Media.InlineAxisOverflow a -> Css.Media.Expression"},{"name":"p3","comment":" CSS value [`p3`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-p3)\n","type":"Css.Media.P3"},{"name":"paged","comment":" CSS value [`paged`](https://drafts.csswg.org/mediaqueries/#valdef-media-overflow-block-paged)\n","type":"Css.Media.Paged"},{"name":"pointer","comment":" Media feature [`pointer`](https://drafts.csswg.org/mediaqueries/#pointer)\nQueries the presence and accuracy of a pointing device, such as a mouse, touchscreen, or Wii remote.\nReflects the capabilities of the primary input mechanism.\nAccepts `none`, `fine`, and `coarse`.\n\n media (Media.pointer coarse) [ a [ display block, Css.height (px 24) ] ]\n\n","type":"Css.Media.PointerDevice a -> Css.Media.Expression"},{"name":"portrait","comment":" CSS value [`portrait`](https://drafts.csswg.org/mediaqueries/#valdef-media-orientation-portrait)\n","type":"Css.Media.Portrait"},{"name":"print","comment":" Media type for printers\n\n media print [ a [ color (hex 0), textDecoration none ] ]\n\n","type":"Css.Media.MediaType"},{"name":"progressive","comment":" CSS value [`progressive`](https://drafts.csswg.org/mediaqueries/#valdef-media-scan-progressive)\n","type":"Css.Media.Progressive"},{"name":"ratio","comment":" Create a ratio.\n\n --a ratio of 4/3\n ratio 4 3\n\n","type":"Basics.Int -> Basics.Int -> Css.Media.Ratio"},{"name":"rec2020","comment":" CSS value [`rec2020`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-rec2020)\n","type":"Css.Media.Rec2020"},{"name":"resolution","comment":" Media feature [`resolution`](https://drafts.csswg.org/mediaqueries/#resolution)\nDescribes the resolution of the output device.\n\n media (resolution (dppx 2)) [ img [ width (pct 50) ] ]\n\n","type":"Css.Media.Resolution -> Css.Media.Expression"},{"name":"scan","comment":" Media feature [`scan`](https://drafts.csswg.org/mediaqueries/#scan).\nQueries scanning process of the device. Accepts `innterlace` (some TVs) or `progressive` (most things).\n","type":"Css.Media.ScanningProcess a -> Css.Media.Expression"},{"name":"screen","comment":" Media type for any device not matched by print or speech.\n\n media (and screen (maxWidth (px 600)) [ Css.class mobileNav display none ]\n\n","type":"Css.Media.MediaType"},{"name":"scripting","comment":" The [`scripting`](https://drafts.csswg.org/mediaqueries/#scripting) media feature\nfor querying the user agents support for scripting languages like JavaScript.\nAccepts `none`, `initialOnly`, and `enabled`.\n\n media (scripting none) [ Css.class NoScript [ display block ] ]\n\n","type":"Css.Media.ScriptingSupport a -> Css.Media.Expression"},{"name":"slow","comment":" CSS value [`slow`](https://drafts.csswg.org/mediaqueries/#valdef-media-update-slow)\n","type":"Css.Media.Slow"},{"name":"speech","comment":" Media type for screenreaders and similar devices that read out a page\n\n media (not speech) [ Css.class screenReaderOnly [ display none ] ]\n\n","type":"Css.Media.MediaType"},{"name":"srgb","comment":" CSS value [`srgb`](https://drafts.csswg.org/mediaqueries/#valdef-media-color-gamut-srgb)\n","type":"Css.Media.SRGB"},{"name":"update","comment":" Media feature [`update`](https://drafts.csswg.org/mediaqueries/#update)\nThe update frequency of the device. Accepts `none`, `slow`, or `fast`\n","type":"Css.Media.UpdateFrequency a -> Css.Media.Expression"},{"name":"width","comment":" Media feature [`width`](https://drafts.csswg.org/mediaqueries/#width)\n\n media (Media.width (px 200)) [ ... ]\n\n","type":"Css.Media.AbsoluteLength compatible -> Css.Media.Expression"},{"name":"withMedia","comment":" Combines media queries that are nested under selectors into a `@media` rule.\n\n (stylesheet << namespace \"homepage\")\n [ footer\n [ withMedia [ only screen [ Media.minWidth (px 300), Media.maxWidth (px 800) ] ]\n [ Css.maxWidth (px 300) ]\n ]\n\nThe above code translates into the following CSS.\n\n```css\n@media only screen and (min-width: 300px) and (max-width: 800px) {\n footer {\n max-width: 300px;\n }\n}\n```\n\n","type":"List.List Css.Media.MediaQuery -> List.List Css.Style -> Css.Style"},{"name":"withMediaQuery","comment":" Manually specify a `@media` rule that is nested under an element or class\nusing a List of strings.\n\n body\n [ withMediaQuery [ \"screen and (min-width: 320px)\", \"screen and (max-height: 400px)\" ]\n [ fontSize (px 14 px) ]\n ]\n\nThe above code translates into the following CSS.\n\n```css\n@media screen and (min-width: 320px), screen and (max-height: 400px) {\n body {\n font-size: 14px;\n }\n}\n```\n\n","type":"List.List String.String -> List.List Css.Style -> Css.Style"}],"binops":[]},{"name":"Css.Namespace","comment":" Namespacing\n\n@docs namespace\n\n","unions":[],"aliases":[],"values":[{"name":"namespace","comment":" takes an identifier, namespaces the list of snippets given with that identifier\n","type":"String.String -> List.List Css.Preprocess.Snippet -> List.List Css.Preprocess.Snippet"}],"binops":[]}]