firefly-compiler 0.4.78 → 0.4.79

package/lux/Css.ff

@@ -1,648 +1,648 @@
-import Css
-
-
-data Css(
-    property: String, 
-    value: String
-)
-
-data CssClass(
-    css: List[Css], 
-    nested: List[CssNest]
-    keyframes: List[CssKeyframes]
-    sourceLocation: SourceLocation = SourceLocation.callSite()
-)
-
-data CssNest(
-    condition: String, 
-    css: List[Css], 
-    nested: List[CssNest]
-)
-
-data CssKeyframes(
-    keyframes: List[CssKeyframe], 
-    sourceLocation: SourceLocation = SourceLocation.callSite()
-)
-
-data CssKeyframe(
-    keyframe: String, 
-    css: List[Css]
-)
-
-
-extend self: CssClass {
-    
-    name(): String {
-        self.sourceLocation.module() + "-" + 
-        self.sourceLocation.line()
-        // TODO add hash to make unique
-    }
-
-    selector(): String {
-        "." + self.name()
-    }
-    
-    show(): String {
-        let css = self.css.map {_.show() + ";"}
-        let nested = self.nested.map {_.show()}
-        let keyframes = self.keyframes.map {_.show()}
-        self.selector() + " {\n" +
-        [...css, ...nested].map {_ + "\n"}.join() + 
-        "}" + keyframes.map {"\n" + _}.join()
-    }
-    
-}
-
-
-extend self: Css {
-    show(): String {
-        self.property + ": " + self.value
-    }
-}
-
-
-extend self: CssNest {
-    show(): String {
-        let css = self.css.map {_.show() + ";"}
-        let nested = self.nested.map {_.show()}
-        self.condition + " {\n" +
-        [...css, ...nested].map {_ + "\n"}.join() + 
-        "}"
-    }
-}
-
-
-extend self: CssKeyframes {
-    
-    name(): String {
-        self.sourceLocation.module() + "-" + 
-        self.sourceLocation.line()        
-        // TODO add hash to make unique
-    }
-    
-    show(): String {
-        let frames = self.keyframes.map {frame => 
-            let css = frame.css.map {_.show() + ";"}
-            frame.keyframe + " {\n" +
-            css.map {_ + "\n"}.join() + 
-            "}"            
-        }
-        "@keyframes " + self.name() + " {\n" +
-        frames.map {_ + "\n"}.join() + 
-        "}"
-    }
-    
-}
-
-
-// CSS properties from: https://github.com/mdn/data/blob/main/css/properties.json
-msAccelerator(value: String): Css {Css("-ms-accelerator", value)}
-msBlockProgression(value: String): Css {Css("-ms-block-progression", value)}
-msContentZoomChaining(value: String): Css {Css("-ms-content-zoom-chaining", value)}
-msContentZooming(value: String): Css {Css("-ms-content-zooming", value)}
-msContentZoomLimit(value: String): Css {Css("-ms-content-zoom-limit", value)}
-msContentZoomLimitMax(value: String): Css {Css("-ms-content-zoom-limit-max", value)}
-msContentZoomLimitMin(value: String): Css {Css("-ms-content-zoom-limit-min", value)}
-msContentZoomSnap(value: String): Css {Css("-ms-content-zoom-snap", value)}
-msContentZoomSnapPoints(value: String): Css {Css("-ms-content-zoom-snap-points", value)}
-msContentZoomSnapType(value: String): Css {Css("-ms-content-zoom-snap-type", value)}
-msFilter(value: String): Css {Css("-ms-filter", value)}
-msFlowFrom(value: String): Css {Css("-ms-flow-from", value)}
-msFlowInto(value: String): Css {Css("-ms-flow-into", value)}
-msGridColumns(value: String): Css {Css("-ms-grid-columns", value)}
-msGridRows(value: String): Css {Css("-ms-grid-rows", value)}
-msHighContrastAdjust(value: String): Css {Css("-ms-high-contrast-adjust", value)}
-msHyphenateLimitChars(value: String): Css {Css("-ms-hyphenate-limit-chars", value)}
-msHyphenateLimitLines(value: String): Css {Css("-ms-hyphenate-limit-lines", value)}
-msHyphenateLimitZone(value: String): Css {Css("-ms-hyphenate-limit-zone", value)}
-msImeAlign(value: String): Css {Css("-ms-ime-align", value)}
-msOverflowStyle(value: String): Css {Css("-ms-overflow-style", value)}
-msScrollbar3dlightColor(value: String): Css {Css("-ms-scrollbar-3dlight-color", value)}
-msScrollbarArrowColor(value: String): Css {Css("-ms-scrollbar-arrow-color", value)}
-msScrollbarBaseColor(value: String): Css {Css("-ms-scrollbar-base-color", value)}
-msScrollbarDarkshadowColor(value: String): Css {Css("-ms-scrollbar-darkshadow-color", value)}
-msScrollbarFaceColor(value: String): Css {Css("-ms-scrollbar-face-color", value)}
-msScrollbarHighlightColor(value: String): Css {Css("-ms-scrollbar-highlight-color", value)}
-msScrollbarShadowColor(value: String): Css {Css("-ms-scrollbar-shadow-color", value)}
-msScrollbarTrackColor(value: String): Css {Css("-ms-scrollbar-track-color", value)}
-msScrollChaining(value: String): Css {Css("-ms-scroll-chaining", value)}
-msScrollLimit(value: String): Css {Css("-ms-scroll-limit", value)}
-msScrollLimitXMax(value: String): Css {Css("-ms-scroll-limit-x-max", value)}
-msScrollLimitXMin(value: String): Css {Css("-ms-scroll-limit-x-min", value)}
-msScrollLimitYMax(value: String): Css {Css("-ms-scroll-limit-y-max", value)}
-msScrollLimitYMin(value: String): Css {Css("-ms-scroll-limit-y-min", value)}
-msScrollRails(value: String): Css {Css("-ms-scroll-rails", value)}
-msScrollSnapPointsX(value: String): Css {Css("-ms-scroll-snap-points-x", value)}
-msScrollSnapPointsY(value: String): Css {Css("-ms-scroll-snap-points-y", value)}
-msScrollSnapType(value: String): Css {Css("-ms-scroll-snap-type", value)}
-msScrollSnapX(value: String): Css {Css("-ms-scroll-snap-x", value)}
-msScrollSnapY(value: String): Css {Css("-ms-scroll-snap-y", value)}
-msScrollTranslation(value: String): Css {Css("-ms-scroll-translation", value)}
-msTextAutospace(value: String): Css {Css("-ms-text-autospace", value)}
-msTouchSelect(value: String): Css {Css("-ms-touch-select", value)}
-msUserSelect(value: String): Css {Css("-ms-user-select", value)}
-msWrapFlow(value: String): Css {Css("-ms-wrap-flow", value)}
-msWrapMargin(value: String): Css {Css("-ms-wrap-margin", value)}
-msWrapThrough(value: String): Css {Css("-ms-wrap-through", value)}
-mozAppearance(value: String): Css {Css("-moz-appearance", value)}
-mozBinding(value: String): Css {Css("-moz-binding", value)}
-mozBorderBottomColors(value: String): Css {Css("-moz-border-bottom-colors", value)}
-mozBorderLeftColors(value: String): Css {Css("-moz-border-left-colors", value)}
-mozBorderRightColors(value: String): Css {Css("-moz-border-right-colors", value)}
-mozBorderTopColors(value: String): Css {Css("-moz-border-top-colors", value)}
-mozContextProperties(value: String): Css {Css("-moz-context-properties", value)}
-mozFloatEdge(value: String): Css {Css("-moz-float-edge", value)}
-mozForceBrokenImageIcon(value: String): Css {Css("-moz-force-broken-image-icon", value)}
-mozImageRegion(value: String): Css {Css("-moz-image-region", value)}
-mozOrient(value: String): Css {Css("-moz-orient", value)}
-mozOutlineRadius(value: String): Css {Css("-moz-outline-radius", value)}
-mozOutlineRadiusBottomleft(value: String): Css {Css("-moz-outline-radius-bottomleft", value)}
-mozOutlineRadiusBottomright(value: String): Css {Css("-moz-outline-radius-bottomright", value)}
-mozOutlineRadiusTopleft(value: String): Css {Css("-moz-outline-radius-topleft", value)}
-mozOutlineRadiusTopright(value: String): Css {Css("-moz-outline-radius-topright", value)}
-mozStackSizing(value: String): Css {Css("-moz-stack-sizing", value)}
-mozTextBlink(value: String): Css {Css("-moz-text-blink", value)}
-mozUserFocus(value: String): Css {Css("-moz-user-focus", value)}
-mozUserInput(value: String): Css {Css("-moz-user-input", value)}
-mozUserModify(value: String): Css {Css("-moz-user-modify", value)}
-mozWindowDragging(value: String): Css {Css("-moz-window-dragging", value)}
-mozWindowShadow(value: String): Css {Css("-moz-window-shadow", value)}
-webkitAppearance(value: String): Css {Css("-webkit-appearance", value)}
-webkitBorderBefore(value: String): Css {Css("-webkit-border-before", value)}
-webkitBorderBeforeColor(value: String): Css {Css("-webkit-border-before-color", value)}
-webkitBorderBeforeStyle(value: String): Css {Css("-webkit-border-before-style", value)}
-webkitBorderBeforeWidth(value: String): Css {Css("-webkit-border-before-width", value)}
-webkitBoxReflect(value: String): Css {Css("-webkit-box-reflect", value)}
-webkitLineClamp(value: String): Css {Css("-webkit-line-clamp", value)}
-webkitMask(value: String): Css {Css("-webkit-mask", value)}
-webkitMaskAttachment(value: String): Css {Css("-webkit-mask-attachment", value)}
-webkitMaskClip(value: String): Css {Css("-webkit-mask-clip", value)}
-webkitMaskComposite(value: String): Css {Css("-webkit-mask-composite", value)}
-webkitMaskImage(value: String): Css {Css("-webkit-mask-image", value)}
-webkitMaskOrigin(value: String): Css {Css("-webkit-mask-origin", value)}
-webkitMaskPosition(value: String): Css {Css("-webkit-mask-position", value)}
-webkitMaskPositionX(value: String): Css {Css("-webkit-mask-position-x", value)}
-webkitMaskPositionY(value: String): Css {Css("-webkit-mask-position-y", value)}
-webkitMaskRepeat(value: String): Css {Css("-webkit-mask-repeat", value)}
-webkitMaskRepeatX(value: String): Css {Css("-webkit-mask-repeat-x", value)}
-webkitMaskRepeatY(value: String): Css {Css("-webkit-mask-repeat-y", value)}
-webkitMaskSize(value: String): Css {Css("-webkit-mask-size", value)}
-webkitOverflowScrolling(value: String): Css {Css("-webkit-overflow-scrolling", value)}
-webkitTapHighlightColor(value: String): Css {Css("-webkit-tap-highlight-color", value)}
-webkitTextFillColor(value: String): Css {Css("-webkit-text-fill-color", value)}
-webkitTextStroke(value: String): Css {Css("-webkit-text-stroke", value)}
-webkitTextStrokeColor(value: String): Css {Css("-webkit-text-stroke-color", value)}
-webkitTextStrokeWidth(value: String): Css {Css("-webkit-text-stroke-width", value)}
-webkitTouchCallout(value: String): Css {Css("-webkit-touch-callout", value)}
-webkitUserModify(value: String): Css {Css("-webkit-user-modify", value)}
-accentColor(value: String): Css {Css("accent-color", value)}
-alignContent(value: String): Css {Css("align-content", value)}
-alignItems(value: String): Css {Css("align-items", value)}
-alignSelf(value: String): Css {Css("align-self", value)}
-alignTracks(value: String): Css {Css("align-tracks", value)}
-all(value: String): Css {Css("all", value)}
-animation(value: String): Css {Css("animation", value)}
-animationComposition(value: String): Css {Css("animation-composition", value)}
-animationDelay(value: String): Css {Css("animation-delay", value)}
-animationDirection(value: String): Css {Css("animation-direction", value)}
-animationDuration(value: String): Css {Css("animation-duration", value)}
-animationFillMode(value: String): Css {Css("animation-fill-mode", value)}
-animationIterationCount(value: String): Css {Css("animation-iteration-count", value)}
-animationName(value: String): Css {Css("animation-name", value)}
-animationPlayState(value: String): Css {Css("animation-play-state", value)}
-animationRange(value: String): Css {Css("animation-range", value)}
-animationRangeEnd(value: String): Css {Css("animation-range-end", value)}
-animationRangeStart(value: String): Css {Css("animation-range-start", value)}
-animationTimingFunction(value: String): Css {Css("animation-timing-function", value)}
-animationTimeline(value: String): Css {Css("animation-timeline", value)}
-appearance(value: String): Css {Css("appearance", value)}
-aspectRatio(value: String): Css {Css("aspect-ratio", value)}
-azimuth(value: String): Css {Css("azimuth", value)}
-backdropFilter(value: String): Css {Css("backdrop-filter", value)}
-backfaceVisibility(value: String): Css {Css("backface-visibility", value)}
-background(value: String): Css {Css("background", value)}
-backgroundAttachment(value: String): Css {Css("background-attachment", value)}
-backgroundBlendMode(value: String): Css {Css("background-blend-mode", value)}
-backgroundClip(value: String): Css {Css("background-clip", value)}
-backgroundColor(value: String): Css {Css("background-color", value)}
-backgroundImage(value: String): Css {Css("background-image", value)}
-backgroundOrigin(value: String): Css {Css("background-origin", value)}
-backgroundPosition(value: String): Css {Css("background-position", value)}
-backgroundPositionX(value: String): Css {Css("background-position-x", value)}
-backgroundPositionY(value: String): Css {Css("background-position-y", value)}
-backgroundRepeat(value: String): Css {Css("background-repeat", value)}
-backgroundSize(value: String): Css {Css("background-size", value)}
-blockSize(value: String): Css {Css("block-size", value)}
-border(value: String): Css {Css("border", value)}
-borderBlock(value: String): Css {Css("border-block", value)}
-borderBlockColor(value: String): Css {Css("border-block-color", value)}
-borderBlockStyle(value: String): Css {Css("border-block-style", value)}
-borderBlockWidth(value: String): Css {Css("border-block-width", value)}
-borderBlockEnd(value: String): Css {Css("border-block-end", value)}
-borderBlockEndColor(value: String): Css {Css("border-block-end-color", value)}
-borderBlockEndStyle(value: String): Css {Css("border-block-end-style", value)}
-borderBlockEndWidth(value: String): Css {Css("border-block-end-width", value)}
-borderBlockStart(value: String): Css {Css("border-block-start", value)}
-borderBlockStartColor(value: String): Css {Css("border-block-start-color", value)}
-borderBlockStartStyle(value: String): Css {Css("border-block-start-style", value)}
-borderBlockStartWidth(value: String): Css {Css("border-block-start-width", value)}
-borderBottom(value: String): Css {Css("border-bottom", value)}
-borderBottomColor(value: String): Css {Css("border-bottom-color", value)}
-borderBottomLeftRadius(value: String): Css {Css("border-bottom-left-radius", value)}
-borderBottomRightRadius(value: String): Css {Css("border-bottom-right-radius", value)}
-borderBottomStyle(value: String): Css {Css("border-bottom-style", value)}
-borderBottomWidth(value: String): Css {Css("border-bottom-width", value)}
-borderCollapse(value: String): Css {Css("border-collapse", value)}
-borderColor(value: String): Css {Css("border-color", value)}
-borderEndEndRadius(value: String): Css {Css("border-end-end-radius", value)}
-borderEndStartRadius(value: String): Css {Css("border-end-start-radius", value)}
-borderImage(value: String): Css {Css("border-image", value)}
-borderImageOutset(value: String): Css {Css("border-image-outset", value)}
-borderImageRepeat(value: String): Css {Css("border-image-repeat", value)}
-borderImageSlice(value: String): Css {Css("border-image-slice", value)}
-borderImageSource(value: String): Css {Css("border-image-source", value)}
-borderImageWidth(value: String): Css {Css("border-image-width", value)}
-borderInline(value: String): Css {Css("border-inline", value)}
-borderInlineEnd(value: String): Css {Css("border-inline-end", value)}
-borderInlineColor(value: String): Css {Css("border-inline-color", value)}
-borderInlineStyle(value: String): Css {Css("border-inline-style", value)}
-borderInlineWidth(value: String): Css {Css("border-inline-width", value)}
-borderInlineEndColor(value: String): Css {Css("border-inline-end-color", value)}
-borderInlineEndStyle(value: String): Css {Css("border-inline-end-style", value)}
-borderInlineEndWidth(value: String): Css {Css("border-inline-end-width", value)}
-borderInlineStart(value: String): Css {Css("border-inline-start", value)}
-borderInlineStartColor(value: String): Css {Css("border-inline-start-color", value)}
-borderInlineStartStyle(value: String): Css {Css("border-inline-start-style", value)}
-borderInlineStartWidth(value: String): Css {Css("border-inline-start-width", value)}
-borderLeft(value: String): Css {Css("border-left", value)}
-borderLeftColor(value: String): Css {Css("border-left-color", value)}
-borderLeftStyle(value: String): Css {Css("border-left-style", value)}
-borderLeftWidth(value: String): Css {Css("border-left-width", value)}
-borderRadius(value: String): Css {Css("border-radius", value)}
-borderRight(value: String): Css {Css("border-right", value)}
-borderRightColor(value: String): Css {Css("border-right-color", value)}
-borderRightStyle(value: String): Css {Css("border-right-style", value)}
-borderRightWidth(value: String): Css {Css("border-right-width", value)}
-borderSpacing(value: String): Css {Css("border-spacing", value)}
-borderStartEndRadius(value: String): Css {Css("border-start-end-radius", value)}
-borderStartStartRadius(value: String): Css {Css("border-start-start-radius", value)}
-borderStyle(value: String): Css {Css("border-style", value)}
-borderTop(value: String): Css {Css("border-top", value)}
-borderTopColor(value: String): Css {Css("border-top-color", value)}
-borderTopLeftRadius(value: String): Css {Css("border-top-left-radius", value)}
-borderTopRightRadius(value: String): Css {Css("border-top-right-radius", value)}
-borderTopStyle(value: String): Css {Css("border-top-style", value)}
-borderTopWidth(value: String): Css {Css("border-top-width", value)}
-borderWidth(value: String): Css {Css("border-width", value)}
-bottom(value: String): Css {Css("bottom", value)}
-boxAlign(value: String): Css {Css("box-align", value)}
-boxDecorationBreak(value: String): Css {Css("box-decoration-break", value)}
-boxDirection(value: String): Css {Css("box-direction", value)}
-boxFlex(value: String): Css {Css("box-flex", value)}
-boxFlexGroup(value: String): Css {Css("box-flex-group", value)}
-boxLines(value: String): Css {Css("box-lines", value)}
-boxOrdinalGroup(value: String): Css {Css("box-ordinal-group", value)}
-boxOrient(value: String): Css {Css("box-orient", value)}
-boxPack(value: String): Css {Css("box-pack", value)}
-boxShadow(value: String): Css {Css("box-shadow", value)}
-boxSizing(value: String): Css {Css("box-sizing", value)}
-breakAfter(value: String): Css {Css("break-after", value)}
-breakBefore(value: String): Css {Css("break-before", value)}
-breakInside(value: String): Css {Css("break-inside", value)}
-captionSide(value: String): Css {Css("caption-side", value)}
-caret(value: String): Css {Css("caret", value)}
-caretColor(value: String): Css {Css("caret-color", value)}
-caretShape(value: String): Css {Css("caret-shape", value)}
-clear(value: String): Css {Css("clear", value)}
-clip(value: String): Css {Css("clip", value)}
-clipPath(value: String): Css {Css("clip-path", value)}
-color(value: String): Css {Css("color", value)}
-colorScheme(value: String): Css {Css("color-scheme", value)}
-columnCount(value: String): Css {Css("column-count", value)}
-columnFill(value: String): Css {Css("column-fill", value)}
-columnGap(value: String): Css {Css("column-gap", value)}
-columnRule(value: String): Css {Css("column-rule", value)}
-columnRuleColor(value: String): Css {Css("column-rule-color", value)}
-columnRuleStyle(value: String): Css {Css("column-rule-style", value)}
-columnRuleWidth(value: String): Css {Css("column-rule-width", value)}
-columnSpan(value: String): Css {Css("column-span", value)}
-columnWidth(value: String): Css {Css("column-width", value)}
-columns(value: String): Css {Css("columns", value)}
-contain(value: String): Css {Css("contain", value)}
-containIntrinsicSize(value: String): Css {Css("contain-intrinsic-size", value)}
-containIntrinsicBlockSize(value: String): Css {Css("contain-intrinsic-block-size", value)}
-containIntrinsicHeight(value: String): Css {Css("contain-intrinsic-height", value)}
-containIntrinsicInlineSize(value: String): Css {Css("contain-intrinsic-inline-size", value)}
-containIntrinsicWidth(value: String): Css {Css("contain-intrinsic-width", value)}
-container(value: String): Css {Css("container", value)}
-containerName(value: String): Css {Css("container-name", value)}
-containerType(value: String): Css {Css("container-type", value)}
-content(value: String): Css {Css("content", value)}
-contentVisibility(value: String): Css {Css("content-visibility", value)}
-counterIncrement(value: String): Css {Css("counter-increment", value)}
-counterReset(value: String): Css {Css("counter-reset", value)}
-counterSet(value: String): Css {Css("counter-set", value)}
-cursor(value: String): Css {Css("cursor", value)}
-direction(value: String): Css {Css("direction", value)}
-display(value: String): Css {Css("display", value)}
-emptyCells(value: String): Css {Css("empty-cells", value)}
-filter(value: String): Css {Css("filter", value)}
-flex(value: String): Css {Css("flex", value)}
-flexBasis(value: String): Css {Css("flex-basis", value)}
-flexDirection(value: String): Css {Css("flex-direction", value)}
-flexFlow(value: String): Css {Css("flex-flow", value)}
-flexGrow(value: String): Css {Css("flex-grow", value)}
-flexShrink(value: String): Css {Css("flex-shrink", value)}
-flexWrap(value: String): Css {Css("flex-wrap", value)}
-float(value: String): Css {Css("float", value)}
-font(value: String): Css {Css("font", value)}
-fontFamily(value: String): Css {Css("font-family", value)}
-fontFeatureSettings(value: String): Css {Css("font-feature-settings", value)}
-fontKerning(value: String): Css {Css("font-kerning", value)}
-fontLanguageOverride(value: String): Css {Css("font-language-override", value)}
-fontOpticalSizing(value: String): Css {Css("font-optical-sizing", value)}
-fontPalette(value: String): Css {Css("font-palette", value)}
-fontVariationSettings(value: String): Css {Css("font-variation-settings", value)}
-fontSize(value: String): Css {Css("font-size", value)}
-fontSizeAdjust(value: String): Css {Css("font-size-adjust", value)}
-fontSmooth(value: String): Css {Css("font-smooth", value)}
-fontStretch(value: String): Css {Css("font-stretch", value)}
-fontStyle(value: String): Css {Css("font-style", value)}
-fontSynthesis(value: String): Css {Css("font-synthesis", value)}
-fontSynthesisPosition(value: String): Css {Css("font-synthesis-position", value)}
-fontSynthesisSmallCaps(value: String): Css {Css("font-synthesis-small-caps", value)}
-fontSynthesisStyle(value: String): Css {Css("font-synthesis-style", value)}
-fontSynthesisWeight(value: String): Css {Css("font-synthesis-weight", value)}
-fontVariant(value: String): Css {Css("font-variant", value)}
-fontVariantAlternates(value: String): Css {Css("font-variant-alternates", value)}
-fontVariantCaps(value: String): Css {Css("font-variant-caps", value)}
-fontVariantEastAsian(value: String): Css {Css("font-variant-east-asian", value)}
-fontVariantEmoji(value: String): Css {Css("font-variant-emoji", value)}
-fontVariantLigatures(value: String): Css {Css("font-variant-ligatures", value)}
-fontVariantNumeric(value: String): Css {Css("font-variant-numeric", value)}
-fontVariantPosition(value: String): Css {Css("font-variant-position", value)}
-fontWeight(value: String): Css {Css("font-weight", value)}
-forcedColorAdjust(value: String): Css {Css("forced-color-adjust", value)}
-gap(value: String): Css {Css("gap", value)}
-grid(value: String): Css {Css("grid", value)}
-gridArea(value: String): Css {Css("grid-area", value)}
-gridAutoColumns(value: String): Css {Css("grid-auto-columns", value)}
-gridAutoFlow(value: String): Css {Css("grid-auto-flow", value)}
-gridAutoRows(value: String): Css {Css("grid-auto-rows", value)}
-gridColumn(value: String): Css {Css("grid-column", value)}
-gridColumnEnd(value: String): Css {Css("grid-column-end", value)}
-gridColumnGap(value: String): Css {Css("grid-column-gap", value)}
-gridColumnStart(value: String): Css {Css("grid-column-start", value)}
-gridGap(value: String): Css {Css("grid-gap", value)}
-gridRow(value: String): Css {Css("grid-row", value)}
-gridRowEnd(value: String): Css {Css("grid-row-end", value)}
-gridRowGap(value: String): Css {Css("grid-row-gap", value)}
-gridRowStart(value: String): Css {Css("grid-row-start", value)}
-gridTemplate(value: String): Css {Css("grid-template", value)}
-gridTemplateAreas(value: String): Css {Css("grid-template-areas", value)}
-gridTemplateColumns(value: String): Css {Css("grid-template-columns", value)}
-gridTemplateRows(value: String): Css {Css("grid-template-rows", value)}
-hangingPunctuation(value: String): Css {Css("hanging-punctuation", value)}
-height(value: String): Css {Css("height", value)}
-hyphenateCharacter(value: String): Css {Css("hyphenate-character", value)}
-hyphenateLimitChars(value: String): Css {Css("hyphenate-limit-chars", value)}
-hyphens(value: String): Css {Css("hyphens", value)}
-imageOrientation(value: String): Css {Css("image-orientation", value)}
-imageRendering(value: String): Css {Css("image-rendering", value)}
-imageResolution(value: String): Css {Css("image-resolution", value)}
-imeMode(value: String): Css {Css("ime-mode", value)}
-initialLetter(value: String): Css {Css("initial-letter", value)}
-initialLetterAlign(value: String): Css {Css("initial-letter-align", value)}
-inlineSize(value: String): Css {Css("inline-size", value)}
-inputSecurity(value: String): Css {Css("input-security", value)}
-inset(value: String): Css {Css("inset", value)}
-insetBlock(value: String): Css {Css("inset-block", value)}
-insetBlockEnd(value: String): Css {Css("inset-block-end", value)}
-insetBlockStart(value: String): Css {Css("inset-block-start", value)}
-insetInline(value: String): Css {Css("inset-inline", value)}
-insetInlineEnd(value: String): Css {Css("inset-inline-end", value)}
-insetInlineStart(value: String): Css {Css("inset-inline-start", value)}
-isolation(value: String): Css {Css("isolation", value)}
-justifyContent(value: String): Css {Css("justify-content", value)}
-justifyItems(value: String): Css {Css("justify-items", value)}
-justifySelf(value: String): Css {Css("justify-self", value)}
-justifyTracks(value: String): Css {Css("justify-tracks", value)}
-left(value: String): Css {Css("left", value)}
-letterSpacing(value: String): Css {Css("letter-spacing", value)}
-lineBreak(value: String): Css {Css("line-break", value)}
-lineClamp(value: String): Css {Css("line-clamp", value)}
-lineHeight(value: String): Css {Css("line-height", value)}
-lineHeightStep(value: String): Css {Css("line-height-step", value)}
-listStyle(value: String): Css {Css("list-style", value)}
-listStyleImage(value: String): Css {Css("list-style-image", value)}
-listStylePosition(value: String): Css {Css("list-style-position", value)}
-listStyleType(value: String): Css {Css("list-style-type", value)}
-margin(value: String): Css {Css("margin", value)}
-marginBlock(value: String): Css {Css("margin-block", value)}
-marginBlockEnd(value: String): Css {Css("margin-block-end", value)}
-marginBlockStart(value: String): Css {Css("margin-block-start", value)}
-marginBottom(value: String): Css {Css("margin-bottom", value)}
-marginInline(value: String): Css {Css("margin-inline", value)}
-marginInlineEnd(value: String): Css {Css("margin-inline-end", value)}
-marginInlineStart(value: String): Css {Css("margin-inline-start", value)}
-marginLeft(value: String): Css {Css("margin-left", value)}
-marginRight(value: String): Css {Css("margin-right", value)}
-marginTop(value: String): Css {Css("margin-top", value)}
-marginTrim(value: String): Css {Css("margin-trim", value)}
-mask(value: String): Css {Css("mask", value)}
-maskBorder(value: String): Css {Css("mask-border", value)}
-maskBorderMode(value: String): Css {Css("mask-border-mode", value)}
-maskBorderOutset(value: String): Css {Css("mask-border-outset", value)}
-maskBorderRepeat(value: String): Css {Css("mask-border-repeat", value)}
-maskBorderSlice(value: String): Css {Css("mask-border-slice", value)}
-maskBorderSource(value: String): Css {Css("mask-border-source", value)}
-maskBorderWidth(value: String): Css {Css("mask-border-width", value)}
-maskClip(value: String): Css {Css("mask-clip", value)}
-maskComposite(value: String): Css {Css("mask-composite", value)}
-maskImage(value: String): Css {Css("mask-image", value)}
-maskMode(value: String): Css {Css("mask-mode", value)}
-maskOrigin(value: String): Css {Css("mask-origin", value)}
-maskPosition(value: String): Css {Css("mask-position", value)}
-maskRepeat(value: String): Css {Css("mask-repeat", value)}
-maskSize(value: String): Css {Css("mask-size", value)}
-maskType(value: String): Css {Css("mask-type", value)}
-masonryAutoFlow(value: String): Css {Css("masonry-auto-flow", value)}
-mathDepth(value: String): Css {Css("math-depth", value)}
-mathShift(value: String): Css {Css("math-shift", value)}
-mathStyle(value: String): Css {Css("math-style", value)}
-maxBlockSize(value: String): Css {Css("max-block-size", value)}
-maxHeight(value: String): Css {Css("max-height", value)}
-maxInlineSize(value: String): Css {Css("max-inline-size", value)}
-maxLines(value: String): Css {Css("max-lines", value)}
-maxWidth(value: String): Css {Css("max-width", value)}
-minBlockSize(value: String): Css {Css("min-block-size", value)}
-minHeight(value: String): Css {Css("min-height", value)}
-minInlineSize(value: String): Css {Css("min-inline-size", value)}
-minWidth(value: String): Css {Css("min-width", value)}
-mixBlendMode(value: String): Css {Css("mix-blend-mode", value)}
-objectFit(value: String): Css {Css("object-fit", value)}
-objectPosition(value: String): Css {Css("object-position", value)}
-offset(value: String): Css {Css("offset", value)}
-offsetAnchor(value: String): Css {Css("offset-anchor", value)}
-offsetDistance(value: String): Css {Css("offset-distance", value)}
-offsetPath(value: String): Css {Css("offset-path", value)}
-offsetPosition(value: String): Css {Css("offset-position", value)}
-offsetRotate(value: String): Css {Css("offset-rotate", value)}
-opacity(value: String): Css {Css("opacity", value)}
-order(value: String): Css {Css("order", value)}
-orphans(value: String): Css {Css("orphans", value)}
-outline(value: String): Css {Css("outline", value)}
-outlineColor(value: String): Css {Css("outline-color", value)}
-outlineOffset(value: String): Css {Css("outline-offset", value)}
-outlineStyle(value: String): Css {Css("outline-style", value)}
-outlineWidth(value: String): Css {Css("outline-width", value)}
-overflow(value: String): Css {Css("overflow", value)}
-overflowAnchor(value: String): Css {Css("overflow-anchor", value)}
-overflowBlock(value: String): Css {Css("overflow-block", value)}
-overflowClipBox(value: String): Css {Css("overflow-clip-box", value)}
-overflowClipMargin(value: String): Css {Css("overflow-clip-margin", value)}
-overflowInline(value: String): Css {Css("overflow-inline", value)}
-overflowWrap(value: String): Css {Css("overflow-wrap", value)}
-overflowX(value: String): Css {Css("overflow-x", value)}
-overflowY(value: String): Css {Css("overflow-y", value)}
-overlay(value: String): Css {Css("overlay", value)}
-overscrollBehavior(value: String): Css {Css("overscroll-behavior", value)}
-overscrollBehaviorBlock(value: String): Css {Css("overscroll-behavior-block", value)}
-overscrollBehaviorInline(value: String): Css {Css("overscroll-behavior-inline", value)}
-overscrollBehaviorX(value: String): Css {Css("overscroll-behavior-x", value)}
-overscrollBehaviorY(value: String): Css {Css("overscroll-behavior-y", value)}
-padding(value: String): Css {Css("padding", value)}
-paddingBlock(value: String): Css {Css("padding-block", value)}
-paddingBlockEnd(value: String): Css {Css("padding-block-end", value)}
-paddingBlockStart(value: String): Css {Css("padding-block-start", value)}
-paddingBottom(value: String): Css {Css("padding-bottom", value)}
-paddingInline(value: String): Css {Css("padding-inline", value)}
-paddingInlineEnd(value: String): Css {Css("padding-inline-end", value)}
-paddingInlineStart(value: String): Css {Css("padding-inline-start", value)}
-paddingLeft(value: String): Css {Css("padding-left", value)}
-paddingRight(value: String): Css {Css("padding-right", value)}
-paddingTop(value: String): Css {Css("padding-top", value)}
-page(value: String): Css {Css("page", value)}
-pageBreakAfter(value: String): Css {Css("page-break-after", value)}
-pageBreakBefore(value: String): Css {Css("page-break-before", value)}
-pageBreakInside(value: String): Css {Css("page-break-inside", value)}
-paintOrder(value: String): Css {Css("paint-order", value)}
-perspective(value: String): Css {Css("perspective", value)}
-perspectiveOrigin(value: String): Css {Css("perspective-origin", value)}
-placeContent(value: String): Css {Css("place-content", value)}
-placeItems(value: String): Css {Css("place-items", value)}
-placeSelf(value: String): Css {Css("place-self", value)}
-pointerEvents(value: String): Css {Css("pointer-events", value)}
-position(value: String): Css {Css("position", value)}
-printColorAdjust(value: String): Css {Css("print-color-adjust", value)}
-quotes(value: String): Css {Css("quotes", value)}
-resize(value: String): Css {Css("resize", value)}
-right(value: String): Css {Css("right", value)}
-rotate(value: String): Css {Css("rotate", value)}
-rowGap(value: String): Css {Css("row-gap", value)}
-rubyAlign(value: String): Css {Css("ruby-align", value)}
-rubyMerge(value: String): Css {Css("ruby-merge", value)}
-rubyPosition(value: String): Css {Css("ruby-position", value)}
-scale(value: String): Css {Css("scale", value)}
-scrollbarColor(value: String): Css {Css("scrollbar-color", value)}
-scrollbarGutter(value: String): Css {Css("scrollbar-gutter", value)}
-scrollbarWidth(value: String): Css {Css("scrollbar-width", value)}
-scrollBehavior(value: String): Css {Css("scroll-behavior", value)}
-scrollMargin(value: String): Css {Css("scroll-margin", value)}
-scrollMarginBlock(value: String): Css {Css("scroll-margin-block", value)}
-scrollMarginBlockStart(value: String): Css {Css("scroll-margin-block-start", value)}
-scrollMarginBlockEnd(value: String): Css {Css("scroll-margin-block-end", value)}
-scrollMarginBottom(value: String): Css {Css("scroll-margin-bottom", value)}
-scrollMarginInline(value: String): Css {Css("scroll-margin-inline", value)}
-scrollMarginInlineStart(value: String): Css {Css("scroll-margin-inline-start", value)}
-scrollMarginInlineEnd(value: String): Css {Css("scroll-margin-inline-end", value)}
-scrollMarginLeft(value: String): Css {Css("scroll-margin-left", value)}
-scrollMarginRight(value: String): Css {Css("scroll-margin-right", value)}
-scrollMarginTop(value: String): Css {Css("scroll-margin-top", value)}
-scrollPadding(value: String): Css {Css("scroll-padding", value)}
-scrollPaddingBlock(value: String): Css {Css("scroll-padding-block", value)}
-scrollPaddingBlockStart(value: String): Css {Css("scroll-padding-block-start", value)}
-scrollPaddingBlockEnd(value: String): Css {Css("scroll-padding-block-end", value)}
-scrollPaddingBottom(value: String): Css {Css("scroll-padding-bottom", value)}
-scrollPaddingInline(value: String): Css {Css("scroll-padding-inline", value)}
-scrollPaddingInlineStart(value: String): Css {Css("scroll-padding-inline-start", value)}
-scrollPaddingInlineEnd(value: String): Css {Css("scroll-padding-inline-end", value)}
-scrollPaddingLeft(value: String): Css {Css("scroll-padding-left", value)}
-scrollPaddingRight(value: String): Css {Css("scroll-padding-right", value)}
-scrollPaddingTop(value: String): Css {Css("scroll-padding-top", value)}
-scrollSnapAlign(value: String): Css {Css("scroll-snap-align", value)}
-scrollSnapCoordinate(value: String): Css {Css("scroll-snap-coordinate", value)}
-scrollSnapDestination(value: String): Css {Css("scroll-snap-destination", value)}
-scrollSnapPointsX(value: String): Css {Css("scroll-snap-points-x", value)}
-scrollSnapPointsY(value: String): Css {Css("scroll-snap-points-y", value)}
-scrollSnapStop(value: String): Css {Css("scroll-snap-stop", value)}
-scrollSnapType(value: String): Css {Css("scroll-snap-type", value)}
-scrollSnapTypeX(value: String): Css {Css("scroll-snap-type-x", value)}
-scrollSnapTypeY(value: String): Css {Css("scroll-snap-type-y", value)}
-scrollTimeline(value: String): Css {Css("scroll-timeline", value)}
-scrollTimelineAxis(value: String): Css {Css("scroll-timeline-axis", value)}
-scrollTimelineName(value: String): Css {Css("scroll-timeline-name", value)}
-shapeImageThreshold(value: String): Css {Css("shape-image-threshold", value)}
-shapeMargin(value: String): Css {Css("shape-margin", value)}
-shapeOutside(value: String): Css {Css("shape-outside", value)}
-tabSize(value: String): Css {Css("tab-size", value)}
-tableLayout(value: String): Css {Css("table-layout", value)}
-textAlign(value: String): Css {Css("text-align", value)}
-textAlignLast(value: String): Css {Css("text-align-last", value)}
-textCombineUpright(value: String): Css {Css("text-combine-upright", value)}
-textDecoration(value: String): Css {Css("text-decoration", value)}
-textDecorationColor(value: String): Css {Css("text-decoration-color", value)}
-textDecorationLine(value: String): Css {Css("text-decoration-line", value)}
-textDecorationSkip(value: String): Css {Css("text-decoration-skip", value)}
-textDecorationSkipInk(value: String): Css {Css("text-decoration-skip-ink", value)}
-textDecorationStyle(value: String): Css {Css("text-decoration-style", value)}
-textDecorationThickness(value: String): Css {Css("text-decoration-thickness", value)}
-textEmphasis(value: String): Css {Css("text-emphasis", value)}
-textEmphasisColor(value: String): Css {Css("text-emphasis-color", value)}
-textEmphasisPosition(value: String): Css {Css("text-emphasis-position", value)}
-textEmphasisStyle(value: String): Css {Css("text-emphasis-style", value)}
-textIndent(value: String): Css {Css("text-indent", value)}
-textJustify(value: String): Css {Css("text-justify", value)}
-textOrientation(value: String): Css {Css("text-orientation", value)}
-textOverflow(value: String): Css {Css("text-overflow", value)}
-textRendering(value: String): Css {Css("text-rendering", value)}
-textShadow(value: String): Css {Css("text-shadow", value)}
-textSizeAdjust(value: String): Css {Css("text-size-adjust", value)}
-textTransform(value: String): Css {Css("text-transform", value)}
-textUnderlineOffset(value: String): Css {Css("text-underline-offset", value)}
-textUnderlinePosition(value: String): Css {Css("text-underline-position", value)}
-textWrap(value: String): Css {Css("text-wrap", value)}
-timelineScope(value: String): Css {Css("timeline-scope", value)}
-top(value: String): Css {Css("top", value)}
-touchAction(value: String): Css {Css("touch-action", value)}
-transform(value: String): Css {Css("transform", value)}
-transformBox(value: String): Css {Css("transform-box", value)}
-transformOrigin(value: String): Css {Css("transform-origin", value)}
-transformStyle(value: String): Css {Css("transform-style", value)}
-transition(value: String): Css {Css("transition", value)}
-transitionBehavior(value: String): Css {Css("transition-behavior", value)}
-transitionDelay(value: String): Css {Css("transition-delay", value)}
-transitionDuration(value: String): Css {Css("transition-duration", value)}
-transitionProperty(value: String): Css {Css("transition-property", value)}
-transitionTimingFunction(value: String): Css {Css("transition-timing-function", value)}
-translate(value: String): Css {Css("translate", value)}
-unicodeBidi(value: String): Css {Css("unicode-bidi", value)}
-userSelect(value: String): Css {Css("user-select", value)}
-verticalAlign(value: String): Css {Css("vertical-align", value)}
-viewTimeline(value: String): Css {Css("view-timeline", value)}
-viewTimelineAxis(value: String): Css {Css("view-timeline-axis", value)}
-viewTimelineInset(value: String): Css {Css("view-timeline-inset", value)}
-viewTimelineName(value: String): Css {Css("view-timeline-name", value)}
-viewTransitionName(value: String): Css {Css("view-transition-name", value)}
-visibility(value: String): Css {Css("visibility", value)}
-whiteSpace(value: String): Css {Css("white-space", value)}
-whiteSpaceCollapse(value: String): Css {Css("white-space-collapse", value)}
-widows(value: String): Css {Css("widows", value)}
-width(value: String): Css {Css("width", value)}
-willChange(value: String): Css {Css("will-change", value)}
-wordBreak(value: String): Css {Css("word-break", value)}
-wordSpacing(value: String): Css {Css("word-spacing", value)}
-wordWrap(value: String): Css {Css("word-wrap", value)}
-writingMode(value: String): Css {Css("writing-mode", value)}
-zIndex(value: String): Css {Css("z-index", value)}
-zoom(value: String): Css {Css("zoom", value)}
+import Css
+
+
+data Css(
+    property: String, 
+    value: String
+)
+
+data CssClass(
+    css: List[Css], 
+    nested: List[CssNest]
+    keyframes: List[CssKeyframes]
+    sourceLocation: SourceLocation = SourceLocation.callSite()
+)
+
+data CssNest(
+    condition: String, 
+    css: List[Css], 
+    nested: List[CssNest]
+)
+
+data CssKeyframes(
+    keyframes: List[CssKeyframe], 
+    sourceLocation: SourceLocation = SourceLocation.callSite()
+)
+
+data CssKeyframe(
+    keyframe: String, 
+    css: List[Css]
+)
+
+
+extend self: CssClass {
+    
+    name(): String {
+        self.sourceLocation.module() + "-" + 
+        self.sourceLocation.line()
+        // TODO add hash to make unique
+    }
+
+    selector(): String {
+        "." + self.name()
+    }
+    
+    show(): String {
+        let css = self.css.map {_.show() + ";"}
+        let nested = self.nested.map {_.show()}
+        let keyframes = self.keyframes.map {_.show()}
+        self.selector() + " {\n" +
+        [...css, ...nested].map {_ + "\n"}.join() + 
+        "}" + keyframes.map {"\n" + _}.join()
+    }
+    
+}
+
+
+extend self: Css {
+    show(): String {
+        self.property + ": " + self.value
+    }
+}
+
+
+extend self: CssNest {
+    show(): String {
+        let css = self.css.map {_.show() + ";"}
+        let nested = self.nested.map {_.show()}
+        self.condition + " {\n" +
+        [...css, ...nested].map {_ + "\n"}.join() + 
+        "}"
+    }
+}
+
+
+extend self: CssKeyframes {
+    
+    name(): String {
+        self.sourceLocation.module() + "-" + 
+        self.sourceLocation.line()        
+        // TODO add hash to make unique
+    }
+    
+    show(): String {
+        let frames = self.keyframes.map {frame => 
+            let css = frame.css.map {_.show() + ";"}
+            frame.keyframe + " {\n" +
+            css.map {_ + "\n"}.join() + 
+            "}"            
+        }
+        "@keyframes " + self.name() + " {\n" +
+        frames.map {_ + "\n"}.join() + 
+        "}"
+    }
+    
+}
+
+
+// CSS properties from: https://github.com/mdn/data/blob/main/css/properties.json
+msAccelerator(value: String): Css {Css("-ms-accelerator", value)}
+msBlockProgression(value: String): Css {Css("-ms-block-progression", value)}
+msContentZoomChaining(value: String): Css {Css("-ms-content-zoom-chaining", value)}
+msContentZooming(value: String): Css {Css("-ms-content-zooming", value)}
+msContentZoomLimit(value: String): Css {Css("-ms-content-zoom-limit", value)}
+msContentZoomLimitMax(value: String): Css {Css("-ms-content-zoom-limit-max", value)}
+msContentZoomLimitMin(value: String): Css {Css("-ms-content-zoom-limit-min", value)}
+msContentZoomSnap(value: String): Css {Css("-ms-content-zoom-snap", value)}
+msContentZoomSnapPoints(value: String): Css {Css("-ms-content-zoom-snap-points", value)}
+msContentZoomSnapType(value: String): Css {Css("-ms-content-zoom-snap-type", value)}
+msFilter(value: String): Css {Css("-ms-filter", value)}
+msFlowFrom(value: String): Css {Css("-ms-flow-from", value)}
+msFlowInto(value: String): Css {Css("-ms-flow-into", value)}
+msGridColumns(value: String): Css {Css("-ms-grid-columns", value)}
+msGridRows(value: String): Css {Css("-ms-grid-rows", value)}
+msHighContrastAdjust(value: String): Css {Css("-ms-high-contrast-adjust", value)}
+msHyphenateLimitChars(value: String): Css {Css("-ms-hyphenate-limit-chars", value)}
+msHyphenateLimitLines(value: String): Css {Css("-ms-hyphenate-limit-lines", value)}
+msHyphenateLimitZone(value: String): Css {Css("-ms-hyphenate-limit-zone", value)}
+msImeAlign(value: String): Css {Css("-ms-ime-align", value)}
+msOverflowStyle(value: String): Css {Css("-ms-overflow-style", value)}
+msScrollbar3dlightColor(value: String): Css {Css("-ms-scrollbar-3dlight-color", value)}
+msScrollbarArrowColor(value: String): Css {Css("-ms-scrollbar-arrow-color", value)}
+msScrollbarBaseColor(value: String): Css {Css("-ms-scrollbar-base-color", value)}
+msScrollbarDarkshadowColor(value: String): Css {Css("-ms-scrollbar-darkshadow-color", value)}
+msScrollbarFaceColor(value: String): Css {Css("-ms-scrollbar-face-color", value)}
+msScrollbarHighlightColor(value: String): Css {Css("-ms-scrollbar-highlight-color", value)}
+msScrollbarShadowColor(value: String): Css {Css("-ms-scrollbar-shadow-color", value)}
+msScrollbarTrackColor(value: String): Css {Css("-ms-scrollbar-track-color", value)}
+msScrollChaining(value: String): Css {Css("-ms-scroll-chaining", value)}
+msScrollLimit(value: String): Css {Css("-ms-scroll-limit", value)}
+msScrollLimitXMax(value: String): Css {Css("-ms-scroll-limit-x-max", value)}
+msScrollLimitXMin(value: String): Css {Css("-ms-scroll-limit-x-min", value)}
+msScrollLimitYMax(value: String): Css {Css("-ms-scroll-limit-y-max", value)}
+msScrollLimitYMin(value: String): Css {Css("-ms-scroll-limit-y-min", value)}
+msScrollRails(value: String): Css {Css("-ms-scroll-rails", value)}
+msScrollSnapPointsX(value: String): Css {Css("-ms-scroll-snap-points-x", value)}
+msScrollSnapPointsY(value: String): Css {Css("-ms-scroll-snap-points-y", value)}
+msScrollSnapType(value: String): Css {Css("-ms-scroll-snap-type", value)}
+msScrollSnapX(value: String): Css {Css("-ms-scroll-snap-x", value)}
+msScrollSnapY(value: String): Css {Css("-ms-scroll-snap-y", value)}
+msScrollTranslation(value: String): Css {Css("-ms-scroll-translation", value)}
+msTextAutospace(value: String): Css {Css("-ms-text-autospace", value)}
+msTouchSelect(value: String): Css {Css("-ms-touch-select", value)}
+msUserSelect(value: String): Css {Css("-ms-user-select", value)}
+msWrapFlow(value: String): Css {Css("-ms-wrap-flow", value)}
+msWrapMargin(value: String): Css {Css("-ms-wrap-margin", value)}
+msWrapThrough(value: String): Css {Css("-ms-wrap-through", value)}
+mozAppearance(value: String): Css {Css("-moz-appearance", value)}
+mozBinding(value: String): Css {Css("-moz-binding", value)}
+mozBorderBottomColors(value: String): Css {Css("-moz-border-bottom-colors", value)}
+mozBorderLeftColors(value: String): Css {Css("-moz-border-left-colors", value)}
+mozBorderRightColors(value: String): Css {Css("-moz-border-right-colors", value)}
+mozBorderTopColors(value: String): Css {Css("-moz-border-top-colors", value)}
+mozContextProperties(value: String): Css {Css("-moz-context-properties", value)}
+mozFloatEdge(value: String): Css {Css("-moz-float-edge", value)}
+mozForceBrokenImageIcon(value: String): Css {Css("-moz-force-broken-image-icon", value)}
+mozImageRegion(value: String): Css {Css("-moz-image-region", value)}
+mozOrient(value: String): Css {Css("-moz-orient", value)}
+mozOutlineRadius(value: String): Css {Css("-moz-outline-radius", value)}
+mozOutlineRadiusBottomleft(value: String): Css {Css("-moz-outline-radius-bottomleft", value)}
+mozOutlineRadiusBottomright(value: String): Css {Css("-moz-outline-radius-bottomright", value)}
+mozOutlineRadiusTopleft(value: String): Css {Css("-moz-outline-radius-topleft", value)}
+mozOutlineRadiusTopright(value: String): Css {Css("-moz-outline-radius-topright", value)}
+mozStackSizing(value: String): Css {Css("-moz-stack-sizing", value)}
+mozTextBlink(value: String): Css {Css("-moz-text-blink", value)}
+mozUserFocus(value: String): Css {Css("-moz-user-focus", value)}
+mozUserInput(value: String): Css {Css("-moz-user-input", value)}
+mozUserModify(value: String): Css {Css("-moz-user-modify", value)}
+mozWindowDragging(value: String): Css {Css("-moz-window-dragging", value)}
+mozWindowShadow(value: String): Css {Css("-moz-window-shadow", value)}
+webkitAppearance(value: String): Css {Css("-webkit-appearance", value)}
+webkitBorderBefore(value: String): Css {Css("-webkit-border-before", value)}
+webkitBorderBeforeColor(value: String): Css {Css("-webkit-border-before-color", value)}
+webkitBorderBeforeStyle(value: String): Css {Css("-webkit-border-before-style", value)}
+webkitBorderBeforeWidth(value: String): Css {Css("-webkit-border-before-width", value)}
+webkitBoxReflect(value: String): Css {Css("-webkit-box-reflect", value)}
+webkitLineClamp(value: String): Css {Css("-webkit-line-clamp", value)}
+webkitMask(value: String): Css {Css("-webkit-mask", value)}
+webkitMaskAttachment(value: String): Css {Css("-webkit-mask-attachment", value)}
+webkitMaskClip(value: String): Css {Css("-webkit-mask-clip", value)}
+webkitMaskComposite(value: String): Css {Css("-webkit-mask-composite", value)}
+webkitMaskImage(value: String): Css {Css("-webkit-mask-image", value)}
+webkitMaskOrigin(value: String): Css {Css("-webkit-mask-origin", value)}
+webkitMaskPosition(value: String): Css {Css("-webkit-mask-position", value)}
+webkitMaskPositionX(value: String): Css {Css("-webkit-mask-position-x", value)}
+webkitMaskPositionY(value: String): Css {Css("-webkit-mask-position-y", value)}
+webkitMaskRepeat(value: String): Css {Css("-webkit-mask-repeat", value)}
+webkitMaskRepeatX(value: String): Css {Css("-webkit-mask-repeat-x", value)}
+webkitMaskRepeatY(value: String): Css {Css("-webkit-mask-repeat-y", value)}
+webkitMaskSize(value: String): Css {Css("-webkit-mask-size", value)}
+webkitOverflowScrolling(value: String): Css {Css("-webkit-overflow-scrolling", value)}
+webkitTapHighlightColor(value: String): Css {Css("-webkit-tap-highlight-color", value)}
+webkitTextFillColor(value: String): Css {Css("-webkit-text-fill-color", value)}
+webkitTextStroke(value: String): Css {Css("-webkit-text-stroke", value)}
+webkitTextStrokeColor(value: String): Css {Css("-webkit-text-stroke-color", value)}
+webkitTextStrokeWidth(value: String): Css {Css("-webkit-text-stroke-width", value)}
+webkitTouchCallout(value: String): Css {Css("-webkit-touch-callout", value)}
+webkitUserModify(value: String): Css {Css("-webkit-user-modify", value)}
+accentColor(value: String): Css {Css("accent-color", value)}
+alignContent(value: String): Css {Css("align-content", value)}
+alignItems(value: String): Css {Css("align-items", value)}
+alignSelf(value: String): Css {Css("align-self", value)}
+alignTracks(value: String): Css {Css("align-tracks", value)}
+all(value: String): Css {Css("all", value)}
+animation(value: String): Css {Css("animation", value)}
+animationComposition(value: String): Css {Css("animation-composition", value)}
+animationDelay(value: String): Css {Css("animation-delay", value)}
+animationDirection(value: String): Css {Css("animation-direction", value)}
+animationDuration(value: String): Css {Css("animation-duration", value)}
+animationFillMode(value: String): Css {Css("animation-fill-mode", value)}
+animationIterationCount(value: String): Css {Css("animation-iteration-count", value)}
+animationName(value: String): Css {Css("animation-name", value)}
+animationPlayState(value: String): Css {Css("animation-play-state", value)}
+animationRange(value: String): Css {Css("animation-range", value)}
+animationRangeEnd(value: String): Css {Css("animation-range-end", value)}
+animationRangeStart(value: String): Css {Css("animation-range-start", value)}
+animationTimingFunction(value: String): Css {Css("animation-timing-function", value)}
+animationTimeline(value: String): Css {Css("animation-timeline", value)}
+appearance(value: String): Css {Css("appearance", value)}
+aspectRatio(value: String): Css {Css("aspect-ratio", value)}
+azimuth(value: String): Css {Css("azimuth", value)}
+backdropFilter(value: String): Css {Css("backdrop-filter", value)}
+backfaceVisibility(value: String): Css {Css("backface-visibility", value)}
+background(value: String): Css {Css("background", value)}
+backgroundAttachment(value: String): Css {Css("background-attachment", value)}
+backgroundBlendMode(value: String): Css {Css("background-blend-mode", value)}
+backgroundClip(value: String): Css {Css("background-clip", value)}
+backgroundColor(value: String): Css {Css("background-color", value)}
+backgroundImage(value: String): Css {Css("background-image", value)}
+backgroundOrigin(value: String): Css {Css("background-origin", value)}
+backgroundPosition(value: String): Css {Css("background-position", value)}
+backgroundPositionX(value: String): Css {Css("background-position-x", value)}
+backgroundPositionY(value: String): Css {Css("background-position-y", value)}
+backgroundRepeat(value: String): Css {Css("background-repeat", value)}
+backgroundSize(value: String): Css {Css("background-size", value)}
+blockSize(value: String): Css {Css("block-size", value)}
+border(value: String): Css {Css("border", value)}
+borderBlock(value: String): Css {Css("border-block", value)}
+borderBlockColor(value: String): Css {Css("border-block-color", value)}
+borderBlockStyle(value: String): Css {Css("border-block-style", value)}
+borderBlockWidth(value: String): Css {Css("border-block-width", value)}
+borderBlockEnd(value: String): Css {Css("border-block-end", value)}
+borderBlockEndColor(value: String): Css {Css("border-block-end-color", value)}
+borderBlockEndStyle(value: String): Css {Css("border-block-end-style", value)}
+borderBlockEndWidth(value: String): Css {Css("border-block-end-width", value)}
+borderBlockStart(value: String): Css {Css("border-block-start", value)}
+borderBlockStartColor(value: String): Css {Css("border-block-start-color", value)}
+borderBlockStartStyle(value: String): Css {Css("border-block-start-style", value)}
+borderBlockStartWidth(value: String): Css {Css("border-block-start-width", value)}
+borderBottom(value: String): Css {Css("border-bottom", value)}
+borderBottomColor(value: String): Css {Css("border-bottom-color", value)}
+borderBottomLeftRadius(value: String): Css {Css("border-bottom-left-radius", value)}
+borderBottomRightRadius(value: String): Css {Css("border-bottom-right-radius", value)}
+borderBottomStyle(value: String): Css {Css("border-bottom-style", value)}
+borderBottomWidth(value: String): Css {Css("border-bottom-width", value)}
+borderCollapse(value: String): Css {Css("border-collapse", value)}
+borderColor(value: String): Css {Css("border-color", value)}
+borderEndEndRadius(value: String): Css {Css("border-end-end-radius", value)}
+borderEndStartRadius(value: String): Css {Css("border-end-start-radius", value)}
+borderImage(value: String): Css {Css("border-image", value)}
+borderImageOutset(value: String): Css {Css("border-image-outset", value)}
+borderImageRepeat(value: String): Css {Css("border-image-repeat", value)}
+borderImageSlice(value: String): Css {Css("border-image-slice", value)}
+borderImageSource(value: String): Css {Css("border-image-source", value)}
+borderImageWidth(value: String): Css {Css("border-image-width", value)}
+borderInline(value: String): Css {Css("border-inline", value)}
+borderInlineEnd(value: String): Css {Css("border-inline-end", value)}
+borderInlineColor(value: String): Css {Css("border-inline-color", value)}
+borderInlineStyle(value: String): Css {Css("border-inline-style", value)}
+borderInlineWidth(value: String): Css {Css("border-inline-width", value)}
+borderInlineEndColor(value: String): Css {Css("border-inline-end-color", value)}
+borderInlineEndStyle(value: String): Css {Css("border-inline-end-style", value)}
+borderInlineEndWidth(value: String): Css {Css("border-inline-end-width", value)}
+borderInlineStart(value: String): Css {Css("border-inline-start", value)}
+borderInlineStartColor(value: String): Css {Css("border-inline-start-color", value)}
+borderInlineStartStyle(value: String): Css {Css("border-inline-start-style", value)}
+borderInlineStartWidth(value: String): Css {Css("border-inline-start-width", value)}
+borderLeft(value: String): Css {Css("border-left", value)}
+borderLeftColor(value: String): Css {Css("border-left-color", value)}
+borderLeftStyle(value: String): Css {Css("border-left-style", value)}
+borderLeftWidth(value: String): Css {Css("border-left-width", value)}
+borderRadius(value: String): Css {Css("border-radius", value)}
+borderRight(value: String): Css {Css("border-right", value)}
+borderRightColor(value: String): Css {Css("border-right-color", value)}
+borderRightStyle(value: String): Css {Css("border-right-style", value)}
+borderRightWidth(value: String): Css {Css("border-right-width", value)}
+borderSpacing(value: String): Css {Css("border-spacing", value)}
+borderStartEndRadius(value: String): Css {Css("border-start-end-radius", value)}
+borderStartStartRadius(value: String): Css {Css("border-start-start-radius", value)}
+borderStyle(value: String): Css {Css("border-style", value)}
+borderTop(value: String): Css {Css("border-top", value)}
+borderTopColor(value: String): Css {Css("border-top-color", value)}
+borderTopLeftRadius(value: String): Css {Css("border-top-left-radius", value)}
+borderTopRightRadius(value: String): Css {Css("border-top-right-radius", value)}
+borderTopStyle(value: String): Css {Css("border-top-style", value)}
+borderTopWidth(value: String): Css {Css("border-top-width", value)}
+borderWidth(value: String): Css {Css("border-width", value)}
+bottom(value: String): Css {Css("bottom", value)}
+boxAlign(value: String): Css {Css("box-align", value)}
+boxDecorationBreak(value: String): Css {Css("box-decoration-break", value)}
+boxDirection(value: String): Css {Css("box-direction", value)}
+boxFlex(value: String): Css {Css("box-flex", value)}
+boxFlexGroup(value: String): Css {Css("box-flex-group", value)}
+boxLines(value: String): Css {Css("box-lines", value)}
+boxOrdinalGroup(value: String): Css {Css("box-ordinal-group", value)}
+boxOrient(value: String): Css {Css("box-orient", value)}
+boxPack(value: String): Css {Css("box-pack", value)}
+boxShadow(value: String): Css {Css("box-shadow", value)}
+boxSizing(value: String): Css {Css("box-sizing", value)}
+breakAfter(value: String): Css {Css("break-after", value)}
+breakBefore(value: String): Css {Css("break-before", value)}
+breakInside(value: String): Css {Css("break-inside", value)}
+captionSide(value: String): Css {Css("caption-side", value)}
+caret(value: String): Css {Css("caret", value)}
+caretColor(value: String): Css {Css("caret-color", value)}
+caretShape(value: String): Css {Css("caret-shape", value)}
+clear(value: String): Css {Css("clear", value)}
+clip(value: String): Css {Css("clip", value)}
+clipPath(value: String): Css {Css("clip-path", value)}
+color(value: String): Css {Css("color", value)}
+colorScheme(value: String): Css {Css("color-scheme", value)}
+columnCount(value: String): Css {Css("column-count", value)}
+columnFill(value: String): Css {Css("column-fill", value)}
+columnGap(value: String): Css {Css("column-gap", value)}
+columnRule(value: String): Css {Css("column-rule", value)}
+columnRuleColor(value: String): Css {Css("column-rule-color", value)}
+columnRuleStyle(value: String): Css {Css("column-rule-style", value)}
+columnRuleWidth(value: String): Css {Css("column-rule-width", value)}
+columnSpan(value: String): Css {Css("column-span", value)}
+columnWidth(value: String): Css {Css("column-width", value)}
+columns(value: String): Css {Css("columns", value)}
+contain(value: String): Css {Css("contain", value)}
+containIntrinsicSize(value: String): Css {Css("contain-intrinsic-size", value)}
+containIntrinsicBlockSize(value: String): Css {Css("contain-intrinsic-block-size", value)}
+containIntrinsicHeight(value: String): Css {Css("contain-intrinsic-height", value)}
+containIntrinsicInlineSize(value: String): Css {Css("contain-intrinsic-inline-size", value)}
+containIntrinsicWidth(value: String): Css {Css("contain-intrinsic-width", value)}
+container(value: String): Css {Css("container", value)}
+containerName(value: String): Css {Css("container-name", value)}
+containerType(value: String): Css {Css("container-type", value)}
+content(value: String): Css {Css("content", value)}
+contentVisibility(value: String): Css {Css("content-visibility", value)}
+counterIncrement(value: String): Css {Css("counter-increment", value)}
+counterReset(value: String): Css {Css("counter-reset", value)}
+counterSet(value: String): Css {Css("counter-set", value)}
+cursor(value: String): Css {Css("cursor", value)}
+direction(value: String): Css {Css("direction", value)}
+display(value: String): Css {Css("display", value)}
+emptyCells(value: String): Css {Css("empty-cells", value)}
+filter(value: String): Css {Css("filter", value)}
+flex(value: String): Css {Css("flex", value)}
+flexBasis(value: String): Css {Css("flex-basis", value)}
+flexDirection(value: String): Css {Css("flex-direction", value)}
+flexFlow(value: String): Css {Css("flex-flow", value)}
+flexGrow(value: String): Css {Css("flex-grow", value)}
+flexShrink(value: String): Css {Css("flex-shrink", value)}
+flexWrap(value: String): Css {Css("flex-wrap", value)}
+float(value: String): Css {Css("float", value)}
+font(value: String): Css {Css("font", value)}
+fontFamily(value: String): Css {Css("font-family", value)}
+fontFeatureSettings(value: String): Css {Css("font-feature-settings", value)}
+fontKerning(value: String): Css {Css("font-kerning", value)}
+fontLanguageOverride(value: String): Css {Css("font-language-override", value)}
+fontOpticalSizing(value: String): Css {Css("font-optical-sizing", value)}
+fontPalette(value: String): Css {Css("font-palette", value)}
+fontVariationSettings(value: String): Css {Css("font-variation-settings", value)}
+fontSize(value: String): Css {Css("font-size", value)}
+fontSizeAdjust(value: String): Css {Css("font-size-adjust", value)}
+fontSmooth(value: String): Css {Css("font-smooth", value)}
+fontStretch(value: String): Css {Css("font-stretch", value)}
+fontStyle(value: String): Css {Css("font-style", value)}
+fontSynthesis(value: String): Css {Css("font-synthesis", value)}
+fontSynthesisPosition(value: String): Css {Css("font-synthesis-position", value)}
+fontSynthesisSmallCaps(value: String): Css {Css("font-synthesis-small-caps", value)}
+fontSynthesisStyle(value: String): Css {Css("font-synthesis-style", value)}
+fontSynthesisWeight(value: String): Css {Css("font-synthesis-weight", value)}
+fontVariant(value: String): Css {Css("font-variant", value)}
+fontVariantAlternates(value: String): Css {Css("font-variant-alternates", value)}
+fontVariantCaps(value: String): Css {Css("font-variant-caps", value)}
+fontVariantEastAsian(value: String): Css {Css("font-variant-east-asian", value)}
+fontVariantEmoji(value: String): Css {Css("font-variant-emoji", value)}
+fontVariantLigatures(value: String): Css {Css("font-variant-ligatures", value)}
+fontVariantNumeric(value: String): Css {Css("font-variant-numeric", value)}
+fontVariantPosition(value: String): Css {Css("font-variant-position", value)}
+fontWeight(value: String): Css {Css("font-weight", value)}
+forcedColorAdjust(value: String): Css {Css("forced-color-adjust", value)}
+gap(value: String): Css {Css("gap", value)}
+grid(value: String): Css {Css("grid", value)}
+gridArea(value: String): Css {Css("grid-area", value)}
+gridAutoColumns(value: String): Css {Css("grid-auto-columns", value)}
+gridAutoFlow(value: String): Css {Css("grid-auto-flow", value)}
+gridAutoRows(value: String): Css {Css("grid-auto-rows", value)}
+gridColumn(value: String): Css {Css("grid-column", value)}
+gridColumnEnd(value: String): Css {Css("grid-column-end", value)}
+gridColumnGap(value: String): Css {Css("grid-column-gap", value)}
+gridColumnStart(value: String): Css {Css("grid-column-start", value)}
+gridGap(value: String): Css {Css("grid-gap", value)}
+gridRow(value: String): Css {Css("grid-row", value)}
+gridRowEnd(value: String): Css {Css("grid-row-end", value)}
+gridRowGap(value: String): Css {Css("grid-row-gap", value)}
+gridRowStart(value: String): Css {Css("grid-row-start", value)}
+gridTemplate(value: String): Css {Css("grid-template", value)}
+gridTemplateAreas(value: String): Css {Css("grid-template-areas", value)}
+gridTemplateColumns(value: String): Css {Css("grid-template-columns", value)}
+gridTemplateRows(value: String): Css {Css("grid-template-rows", value)}
+hangingPunctuation(value: String): Css {Css("hanging-punctuation", value)}
+height(value: String): Css {Css("height", value)}
+hyphenateCharacter(value: String): Css {Css("hyphenate-character", value)}
+hyphenateLimitChars(value: String): Css {Css("hyphenate-limit-chars", value)}
+hyphens(value: String): Css {Css("hyphens", value)}
+imageOrientation(value: String): Css {Css("image-orientation", value)}
+imageRendering(value: String): Css {Css("image-rendering", value)}
+imageResolution(value: String): Css {Css("image-resolution", value)}
+imeMode(value: String): Css {Css("ime-mode", value)}
+initialLetter(value: String): Css {Css("initial-letter", value)}
+initialLetterAlign(value: String): Css {Css("initial-letter-align", value)}
+inlineSize(value: String): Css {Css("inline-size", value)}
+inputSecurity(value: String): Css {Css("input-security", value)}
+inset(value: String): Css {Css("inset", value)}
+insetBlock(value: String): Css {Css("inset-block", value)}
+insetBlockEnd(value: String): Css {Css("inset-block-end", value)}
+insetBlockStart(value: String): Css {Css("inset-block-start", value)}
+insetInline(value: String): Css {Css("inset-inline", value)}
+insetInlineEnd(value: String): Css {Css("inset-inline-end", value)}
+insetInlineStart(value: String): Css {Css("inset-inline-start", value)}
+isolation(value: String): Css {Css("isolation", value)}
+justifyContent(value: String): Css {Css("justify-content", value)}
+justifyItems(value: String): Css {Css("justify-items", value)}
+justifySelf(value: String): Css {Css("justify-self", value)}
+justifyTracks(value: String): Css {Css("justify-tracks", value)}
+left(value: String): Css {Css("left", value)}
+letterSpacing(value: String): Css {Css("letter-spacing", value)}
+lineBreak(value: String): Css {Css("line-break", value)}
+lineClamp(value: String): Css {Css("line-clamp", value)}
+lineHeight(value: String): Css {Css("line-height", value)}
+lineHeightStep(value: String): Css {Css("line-height-step", value)}
+listStyle(value: String): Css {Css("list-style", value)}
+listStyleImage(value: String): Css {Css("list-style-image", value)}
+listStylePosition(value: String): Css {Css("list-style-position", value)}
+listStyleType(value: String): Css {Css("list-style-type", value)}
+margin(value: String): Css {Css("margin", value)}
+marginBlock(value: String): Css {Css("margin-block", value)}
+marginBlockEnd(value: String): Css {Css("margin-block-end", value)}
+marginBlockStart(value: String): Css {Css("margin-block-start", value)}
+marginBottom(value: String): Css {Css("margin-bottom", value)}
+marginInline(value: String): Css {Css("margin-inline", value)}
+marginInlineEnd(value: String): Css {Css("margin-inline-end", value)}
+marginInlineStart(value: String): Css {Css("margin-inline-start", value)}
+marginLeft(value: String): Css {Css("margin-left", value)}
+marginRight(value: String): Css {Css("margin-right", value)}
+marginTop(value: String): Css {Css("margin-top", value)}
+marginTrim(value: String): Css {Css("margin-trim", value)}
+mask(value: String): Css {Css("mask", value)}
+maskBorder(value: String): Css {Css("mask-border", value)}
+maskBorderMode(value: String): Css {Css("mask-border-mode", value)}
+maskBorderOutset(value: String): Css {Css("mask-border-outset", value)}
+maskBorderRepeat(value: String): Css {Css("mask-border-repeat", value)}
+maskBorderSlice(value: String): Css {Css("mask-border-slice", value)}
+maskBorderSource(value: String): Css {Css("mask-border-source", value)}
+maskBorderWidth(value: String): Css {Css("mask-border-width", value)}
+maskClip(value: String): Css {Css("mask-clip", value)}
+maskComposite(value: String): Css {Css("mask-composite", value)}
+maskImage(value: String): Css {Css("mask-image", value)}
+maskMode(value: String): Css {Css("mask-mode", value)}
+maskOrigin(value: String): Css {Css("mask-origin", value)}
+maskPosition(value: String): Css {Css("mask-position", value)}
+maskRepeat(value: String): Css {Css("mask-repeat", value)}
+maskSize(value: String): Css {Css("mask-size", value)}
+maskType(value: String): Css {Css("mask-type", value)}
+masonryAutoFlow(value: String): Css {Css("masonry-auto-flow", value)}
+mathDepth(value: String): Css {Css("math-depth", value)}
+mathShift(value: String): Css {Css("math-shift", value)}
+mathStyle(value: String): Css {Css("math-style", value)}
+maxBlockSize(value: String): Css {Css("max-block-size", value)}
+maxHeight(value: String): Css {Css("max-height", value)}
+maxInlineSize(value: String): Css {Css("max-inline-size", value)}
+maxLines(value: String): Css {Css("max-lines", value)}
+maxWidth(value: String): Css {Css("max-width", value)}
+minBlockSize(value: String): Css {Css("min-block-size", value)}
+minHeight(value: String): Css {Css("min-height", value)}
+minInlineSize(value: String): Css {Css("min-inline-size", value)}
+minWidth(value: String): Css {Css("min-width", value)}
+mixBlendMode(value: String): Css {Css("mix-blend-mode", value)}
+objectFit(value: String): Css {Css("object-fit", value)}
+objectPosition(value: String): Css {Css("object-position", value)}
+offset(value: String): Css {Css("offset", value)}
+offsetAnchor(value: String): Css {Css("offset-anchor", value)}
+offsetDistance(value: String): Css {Css("offset-distance", value)}
+offsetPath(value: String): Css {Css("offset-path", value)}
+offsetPosition(value: String): Css {Css("offset-position", value)}
+offsetRotate(value: String): Css {Css("offset-rotate", value)}
+opacity(value: String): Css {Css("opacity", value)}
+order(value: String): Css {Css("order", value)}
+orphans(value: String): Css {Css("orphans", value)}
+outline(value: String): Css {Css("outline", value)}
+outlineColor(value: String): Css {Css("outline-color", value)}
+outlineOffset(value: String): Css {Css("outline-offset", value)}
+outlineStyle(value: String): Css {Css("outline-style", value)}
+outlineWidth(value: String): Css {Css("outline-width", value)}
+overflow(value: String): Css {Css("overflow", value)}
+overflowAnchor(value: String): Css {Css("overflow-anchor", value)}
+overflowBlock(value: String): Css {Css("overflow-block", value)}
+overflowClipBox(value: String): Css {Css("overflow-clip-box", value)}
+overflowClipMargin(value: String): Css {Css("overflow-clip-margin", value)}
+overflowInline(value: String): Css {Css("overflow-inline", value)}
+overflowWrap(value: String): Css {Css("overflow-wrap", value)}
+overflowX(value: String): Css {Css("overflow-x", value)}
+overflowY(value: String): Css {Css("overflow-y", value)}
+overlay(value: String): Css {Css("overlay", value)}
+overscrollBehavior(value: String): Css {Css("overscroll-behavior", value)}
+overscrollBehaviorBlock(value: String): Css {Css("overscroll-behavior-block", value)}
+overscrollBehaviorInline(value: String): Css {Css("overscroll-behavior-inline", value)}
+overscrollBehaviorX(value: String): Css {Css("overscroll-behavior-x", value)}
+overscrollBehaviorY(value: String): Css {Css("overscroll-behavior-y", value)}
+padding(value: String): Css {Css("padding", value)}
+paddingBlock(value: String): Css {Css("padding-block", value)}
+paddingBlockEnd(value: String): Css {Css("padding-block-end", value)}
+paddingBlockStart(value: String): Css {Css("padding-block-start", value)}
+paddingBottom(value: String): Css {Css("padding-bottom", value)}
+paddingInline(value: String): Css {Css("padding-inline", value)}
+paddingInlineEnd(value: String): Css {Css("padding-inline-end", value)}
+paddingInlineStart(value: String): Css {Css("padding-inline-start", value)}
+paddingLeft(value: String): Css {Css("padding-left", value)}
+paddingRight(value: String): Css {Css("padding-right", value)}
+paddingTop(value: String): Css {Css("padding-top", value)}
+page(value: String): Css {Css("page", value)}
+pageBreakAfter(value: String): Css {Css("page-break-after", value)}
+pageBreakBefore(value: String): Css {Css("page-break-before", value)}
+pageBreakInside(value: String): Css {Css("page-break-inside", value)}
+paintOrder(value: String): Css {Css("paint-order", value)}
+perspective(value: String): Css {Css("perspective", value)}
+perspectiveOrigin(value: String): Css {Css("perspective-origin", value)}
+placeContent(value: String): Css {Css("place-content", value)}
+placeItems(value: String): Css {Css("place-items", value)}
+placeSelf(value: String): Css {Css("place-self", value)}
+pointerEvents(value: String): Css {Css("pointer-events", value)}
+position(value: String): Css {Css("position", value)}
+printColorAdjust(value: String): Css {Css("print-color-adjust", value)}
+quotes(value: String): Css {Css("quotes", value)}
+resize(value: String): Css {Css("resize", value)}
+right(value: String): Css {Css("right", value)}
+rotate(value: String): Css {Css("rotate", value)}
+rowGap(value: String): Css {Css("row-gap", value)}
+rubyAlign(value: String): Css {Css("ruby-align", value)}
+rubyMerge(value: String): Css {Css("ruby-merge", value)}
+rubyPosition(value: String): Css {Css("ruby-position", value)}
+scale(value: String): Css {Css("scale", value)}
+scrollbarColor(value: String): Css {Css("scrollbar-color", value)}
+scrollbarGutter(value: String): Css {Css("scrollbar-gutter", value)}
+scrollbarWidth(value: String): Css {Css("scrollbar-width", value)}
+scrollBehavior(value: String): Css {Css("scroll-behavior", value)}
+scrollMargin(value: String): Css {Css("scroll-margin", value)}
+scrollMarginBlock(value: String): Css {Css("scroll-margin-block", value)}
+scrollMarginBlockStart(value: String): Css {Css("scroll-margin-block-start", value)}
+scrollMarginBlockEnd(value: String): Css {Css("scroll-margin-block-end", value)}
+scrollMarginBottom(value: String): Css {Css("scroll-margin-bottom", value)}
+scrollMarginInline(value: String): Css {Css("scroll-margin-inline", value)}
+scrollMarginInlineStart(value: String): Css {Css("scroll-margin-inline-start", value)}
+scrollMarginInlineEnd(value: String): Css {Css("scroll-margin-inline-end", value)}
+scrollMarginLeft(value: String): Css {Css("scroll-margin-left", value)}
+scrollMarginRight(value: String): Css {Css("scroll-margin-right", value)}
+scrollMarginTop(value: String): Css {Css("scroll-margin-top", value)}
+scrollPadding(value: String): Css {Css("scroll-padding", value)}
+scrollPaddingBlock(value: String): Css {Css("scroll-padding-block", value)}
+scrollPaddingBlockStart(value: String): Css {Css("scroll-padding-block-start", value)}
+scrollPaddingBlockEnd(value: String): Css {Css("scroll-padding-block-end", value)}
+scrollPaddingBottom(value: String): Css {Css("scroll-padding-bottom", value)}
+scrollPaddingInline(value: String): Css {Css("scroll-padding-inline", value)}
+scrollPaddingInlineStart(value: String): Css {Css("scroll-padding-inline-start", value)}
+scrollPaddingInlineEnd(value: String): Css {Css("scroll-padding-inline-end", value)}
+scrollPaddingLeft(value: String): Css {Css("scroll-padding-left", value)}
+scrollPaddingRight(value: String): Css {Css("scroll-padding-right", value)}
+scrollPaddingTop(value: String): Css {Css("scroll-padding-top", value)}
+scrollSnapAlign(value: String): Css {Css("scroll-snap-align", value)}
+scrollSnapCoordinate(value: String): Css {Css("scroll-snap-coordinate", value)}
+scrollSnapDestination(value: String): Css {Css("scroll-snap-destination", value)}
+scrollSnapPointsX(value: String): Css {Css("scroll-snap-points-x", value)}
+scrollSnapPointsY(value: String): Css {Css("scroll-snap-points-y", value)}
+scrollSnapStop(value: String): Css {Css("scroll-snap-stop", value)}
+scrollSnapType(value: String): Css {Css("scroll-snap-type", value)}
+scrollSnapTypeX(value: String): Css {Css("scroll-snap-type-x", value)}
+scrollSnapTypeY(value: String): Css {Css("scroll-snap-type-y", value)}
+scrollTimeline(value: String): Css {Css("scroll-timeline", value)}
+scrollTimelineAxis(value: String): Css {Css("scroll-timeline-axis", value)}
+scrollTimelineName(value: String): Css {Css("scroll-timeline-name", value)}
+shapeImageThreshold(value: String): Css {Css("shape-image-threshold", value)}
+shapeMargin(value: String): Css {Css("shape-margin", value)}
+shapeOutside(value: String): Css {Css("shape-outside", value)}
+tabSize(value: String): Css {Css("tab-size", value)}
+tableLayout(value: String): Css {Css("table-layout", value)}
+textAlign(value: String): Css {Css("text-align", value)}
+textAlignLast(value: String): Css {Css("text-align-last", value)}
+textCombineUpright(value: String): Css {Css("text-combine-upright", value)}
+textDecoration(value: String): Css {Css("text-decoration", value)}
+textDecorationColor(value: String): Css {Css("text-decoration-color", value)}
+textDecorationLine(value: String): Css {Css("text-decoration-line", value)}
+textDecorationSkip(value: String): Css {Css("text-decoration-skip", value)}
+textDecorationSkipInk(value: String): Css {Css("text-decoration-skip-ink", value)}
+textDecorationStyle(value: String): Css {Css("text-decoration-style", value)}
+textDecorationThickness(value: String): Css {Css("text-decoration-thickness", value)}
+textEmphasis(value: String): Css {Css("text-emphasis", value)}
+textEmphasisColor(value: String): Css {Css("text-emphasis-color", value)}
+textEmphasisPosition(value: String): Css {Css("text-emphasis-position", value)}
+textEmphasisStyle(value: String): Css {Css("text-emphasis-style", value)}
+textIndent(value: String): Css {Css("text-indent", value)}
+textJustify(value: String): Css {Css("text-justify", value)}
+textOrientation(value: String): Css {Css("text-orientation", value)}
+textOverflow(value: String): Css {Css("text-overflow", value)}
+textRendering(value: String): Css {Css("text-rendering", value)}
+textShadow(value: String): Css {Css("text-shadow", value)}
+textSizeAdjust(value: String): Css {Css("text-size-adjust", value)}
+textTransform(value: String): Css {Css("text-transform", value)}
+textUnderlineOffset(value: String): Css {Css("text-underline-offset", value)}
+textUnderlinePosition(value: String): Css {Css("text-underline-position", value)}
+textWrap(value: String): Css {Css("text-wrap", value)}
+timelineScope(value: String): Css {Css("timeline-scope", value)}
+top(value: String): Css {Css("top", value)}
+touchAction(value: String): Css {Css("touch-action", value)}
+transform(value: String): Css {Css("transform", value)}
+transformBox(value: String): Css {Css("transform-box", value)}
+transformOrigin(value: String): Css {Css("transform-origin", value)}
+transformStyle(value: String): Css {Css("transform-style", value)}
+transition(value: String): Css {Css("transition", value)}
+transitionBehavior(value: String): Css {Css("transition-behavior", value)}
+transitionDelay(value: String): Css {Css("transition-delay", value)}
+transitionDuration(value: String): Css {Css("transition-duration", value)}
+transitionProperty(value: String): Css {Css("transition-property", value)}
+transitionTimingFunction(value: String): Css {Css("transition-timing-function", value)}
+translate(value: String): Css {Css("translate", value)}
+unicodeBidi(value: String): Css {Css("unicode-bidi", value)}
+userSelect(value: String): Css {Css("user-select", value)}
+verticalAlign(value: String): Css {Css("vertical-align", value)}
+viewTimeline(value: String): Css {Css("view-timeline", value)}
+viewTimelineAxis(value: String): Css {Css("view-timeline-axis", value)}
+viewTimelineInset(value: String): Css {Css("view-timeline-inset", value)}
+viewTimelineName(value: String): Css {Css("view-timeline-name", value)}
+viewTransitionName(value: String): Css {Css("view-transition-name", value)}
+visibility(value: String): Css {Css("visibility", value)}
+whiteSpace(value: String): Css {Css("white-space", value)}
+whiteSpaceCollapse(value: String): Css {Css("white-space-collapse", value)}
+widows(value: String): Css {Css("widows", value)}
+width(value: String): Css {Css("width", value)}
+willChange(value: String): Css {Css("will-change", value)}
+wordBreak(value: String): Css {Css("word-break", value)}
+wordSpacing(value: String): Css {Css("word-spacing", value)}
+wordWrap(value: String): Css {Css("word-wrap", value)}
+writingMode(value: String): Css {Css("writing-mode", value)}
+zIndex(value: String): Css {Css("z-index", value)}
+zoom(value: String): Css {Css("zoom", value)}