Package-level declarations

Types

Link copied to clipboard
class AccentColor : StylePropertyValue
Link copied to clipboard
sealed class AlignContent : StylePropertyValue

Kobweb's version of the AlignContent class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
sealed class AlignItems : StylePropertyValue

Kobweb's version of the AlignItems class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
sealed class AlignSelf : StylePropertyValue

Kobweb's version of the AlignSelf class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
sealed class Animation : StylePropertyValue
Link copied to clipboard
value class AnimationIterationCount : StylePropertyValue
Link copied to clipboard
class Appearance : StylePropertyValue
Link copied to clipboard
class AspectRatio : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
sealed class Background : StylePropertyValue
Link copied to clipboard
class BackgroundAttachment : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
class BackgroundClip : StylePropertyValue
Link copied to clipboard
class BackgroundColor : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
class BackgroundOrigin : StylePropertyValue
Link copied to clipboard
sealed class BackgroundPosition : StylePropertyValue
Link copied to clipboard
sealed class BackgroundRepeat : StylePropertyValue
Link copied to clipboard
sealed class BackgroundSize : StylePropertyValue
Link copied to clipboard
class BorderCollapse : StylePropertyValue
Link copied to clipboard
class BorderImage : StylePropertyValue
Link copied to clipboard
sealed class BorderImageNumericBuilder<T : CSSNumericValue<*>>
Link copied to clipboard
class BorderImageOutset : StylePropertyValue
Link copied to clipboard
sealed class BorderImageRepeat : StylePropertyValue
Link copied to clipboard
class BorderImageSlice : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
class BorderImageWidth : StylePropertyValue
Link copied to clipboard
class Bottom : StylePropertyValue
Link copied to clipboard
class BoxDecorationBreak : StylePropertyValue
Link copied to clipboard
sealed class BoxShadow : StylePropertyValue

The Kotlin representation of the CSS box-shadow.

Link copied to clipboard
class BoxSizing : StylePropertyValue
Link copied to clipboard
class CaptionSide : StylePropertyValue
Link copied to clipboard
class CaretColor : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
class Clear : StylePropertyValue
Link copied to clipboard
sealed class ColorInterpolationMethod : StylePropertyValue
Link copied to clipboard
class ColorScheme : StylePropertyValue
Link copied to clipboard
class ComparableStyleScope : StyleScope
Link copied to clipboard
sealed class Content : StylePropertyValue
Link copied to clipboard
typealias CSSAngleNumericValue = CSSNumericValue<out CSSUnitAngle>

A CSS numeric value representing an angle.

Link copied to clipboard
class CSSColor : StylePropertyValue
Link copied to clipboard
typealias CSSFlexNumericValue = CSSNumericValue<out CSSUnitFlex>

A CSS numeric value representing a flex value.

Link copied to clipboard
class CSSFloat : StylePropertyValue

A list of enumerated CSS float values.

Link copied to clipboard
class CSSLayerRuleDeclaration(val name: String, val rules: CSSRuleDeclarationList) : CSSGroupingRuleDeclaration
Link copied to clipboard
typealias CSSLengthNumericValue = CSSNumericValue<out CSSUnitLength>

A CSS numeric value representing a length.

Link copied to clipboard
typealias CSSLengthOrPercentageNumericValue = CSSNumericValue<out CSSUnitLengthOrPercentage>

A CSS numeric value representing a length or percentage.

Link copied to clipboard
class CSSMargin
Link copied to clipboard
class CSSOutline : CSSStyleValue
Link copied to clipboard
typealias CSSPercentageNumericValue = CSSNumericValue<out CSSUnitPercentage>

A CSS numeric value representing a percentage.

Link copied to clipboard
class CSSPosition : StylePropertyValue

Support for declaring a 2D coordinate relative to some element rectangle.

Link copied to clipboard
class CSSScopeRuleDeclaration(val start: String?, val end: String?, val rules: CSSRuleDeclarationList) : CSSGroupingRuleDeclaration
Link copied to clipboard
class CSSTextShadow(val offsetX: CSSLengthNumericValue, val offsetY: CSSLengthNumericValue, val blurRadius: CSSLengthNumericValue? = null, val color: CSSColorValue? = null) : StylePropertyValue
Link copied to clipboard
typealias CSSTimeNumericValue = CSSNumericValue<out CSSUnitTime>

A CSS numeric value representing a time value.

Link copied to clipboard
interface CSSUnitExt : CSSUnit
Link copied to clipboard
class Cursor : StylePropertyValue
Link copied to clipboard
sealed class Edge
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
sealed class EdgeXOrCenter : Edge
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
sealed class EdgeYOrCenter : Edge
Link copied to clipboard
class Filter : StylePropertyValue
Link copied to clipboard
class FlexBasis : StylePropertyValue
Link copied to clipboard
class FontOpticalSizing : StylePropertyValue
Link copied to clipboard
class FontSize : CSSStyleValue
Link copied to clipboard
class FontStyle : StylePropertyValue
Link copied to clipboard
sealed class FontVariantAlternates : StylePropertyValue
Link copied to clipboard
class FontVariantCaps : StylePropertyValue
Link copied to clipboard
sealed class FontVariantEastAsian : StylePropertyValue
Link copied to clipboard
class FontVariantEmoji : StylePropertyValue
Link copied to clipboard
sealed class FontVariantLigatures : StylePropertyValue
Link copied to clipboard
sealed class FontVariantNumeric : StylePropertyValue
Link copied to clipboard
class FontVariantPosition : StylePropertyValue
Link copied to clipboard
sealed class FontVariationSettings : StylePropertyValue
Link copied to clipboard
class FontWeight : CSSStyleValue
Link copied to clipboard
class GridAuto : StylePropertyValue
Link copied to clipboard

A class which allows for a more concise way of declaring a grid.

Link copied to clipboard
abstract class GridBuilderInAuto
Link copied to clipboard
annotation class GridDslMarker
Link copied to clipboard
sealed class GridEntry

The base class for all values which can be used to configure a CSS grid's rows or columns.

Link copied to clipboard
sealed class GridTemplate : StylePropertyValue

Represents all possible values that can be passed into a CSS grid property.

Link copied to clipboard

A builder for simplifying the creation of grid track lists.

Link copied to clipboard
Link copied to clipboard
class Height : StylePropertyValue
Link copied to clipboard
class HueInterpolationMethod : StylePropertyValue
Link copied to clipboard
class Isolation : StylePropertyValue
Link copied to clipboard
sealed class JustifyContent : StylePropertyValue

Kobweb's version of the JustifyContent class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
sealed class JustifyItems : StylePropertyValue

Kobweb's version of the JustifyItems class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
sealed class JustifySelf : StylePropertyValue

Kobweb's version of the JustifySelf class, which is more fully featured than the Compose HTML one.

Link copied to clipboard
class Left : StylePropertyValue
Link copied to clipboard
class LineHeight : StylePropertyValue
Link copied to clipboard
Link copied to clipboard
class ListStylePosition : StylePropertyValue
Link copied to clipboard
class ListStyleType : StylePropertyValue
Link copied to clipboard
class MaxHeight : StylePropertyValue
Link copied to clipboard
class MaxWidth : StylePropertyValue
Link copied to clipboard
typealias MinHeight = Height
Link copied to clipboard
typealias MinWidth = Width
Link copied to clipboard
class MixBlendMode : StylePropertyValue
Link copied to clipboard
class ObjectFit : StylePropertyValue
Link copied to clipboard
class OutlineColor : StylePropertyValue
Link copied to clipboard
class OutlineWidth : StylePropertyValue
Link copied to clipboard
class Overflow : StylePropertyValue
Link copied to clipboard
class OverflowWrap : StylePropertyValue
Link copied to clipboard
sealed class OverscrollBehavior : StylePropertyValue
Link copied to clipboard
class PointerEvents : StylePropertyValue
Link copied to clipboard
class Resize : StylePropertyValue
Link copied to clipboard
class Right : StylePropertyValue
Link copied to clipboard
class ScrollbarWidth : StylePropertyValue
Link copied to clipboard
class ScrollBehavior : StylePropertyValue
Link copied to clipboard
sealed class ScrollSnapAlign : StylePropertyValue
Link copied to clipboard
class ScrollSnapStop : StylePropertyValue
Link copied to clipboard
sealed class ScrollSnapType : StylePropertyValue
Link copied to clipboard
sealed class StyleVariable<T : StylePropertyValue, V> : CSSVariable

A class for declaring a CSS style property (i.e. a variable value that can be used inside CSS styles).

Link copied to clipboard

A delegate provider class which allows you to create a StyleVariable.NumberValue instance via the by keyword.

Link copied to clipboard
class StyleVariablePropertyProvider<T : StylePropertyValue>

A delegate provider class which allows you to create a StyleVariable.PropertyValue instance via the by keyword.

Link copied to clipboard

A delegate provider class which allows you to create a StyleVariable.StringValue instance via the by keyword.

Link copied to clipboard
class TextAlign : StylePropertyValue
Link copied to clipboard
class TextDecorationLine : StylePropertyValue
Link copied to clipboard
class TextOverflow : StylePropertyValue
Link copied to clipboard
class TextShadow : StylePropertyValue
Link copied to clipboard
class TextTransform : StylePropertyValue
Link copied to clipboard
class Top : StylePropertyValue
Link copied to clipboard
sealed class TouchAction : StylePropertyValue
Link copied to clipboard
class TransformBox : StylePropertyValue
Link copied to clipboard
sealed class TransformOrigin : StylePropertyValue
Link copied to clipboard
class TransformStyle : StylePropertyValue
Link copied to clipboard
sealed class Transition : StylePropertyValue
Link copied to clipboard
class TransitionBehavior : StylePropertyValue
Link copied to clipboard
class TransitionDelay : StylePropertyValue

Special values for Transition Delay Property.

Link copied to clipboard
class TransitionDuration : StylePropertyValue

Special values for Transition Duration Property.

Link copied to clipboard
sealed class TransitionProperty : StylePropertyValue
Link copied to clipboard
typealias TransitionTimingFunction = AnimationTimingFunction
Link copied to clipboard
class UserSelect : StylePropertyValue
Link copied to clipboard
class VerticalAlign : StylePropertyValue
Link copied to clipboard
class Visibility : StylePropertyValue
Link copied to clipboard
class WhiteSpace : StylePropertyValue
Link copied to clipboard
class Width : StylePropertyValue
Link copied to clipboard
class WordBreak : StylePropertyValue
Link copied to clipboard
class WritingMode : StylePropertyValue

Properties

Link copied to clipboard

A CSS value that represents the "auto" keyword and can be used anywhere that accepts a length argument.

Link copied to clipboard
val Number.dvb: CSSSizeValue<CSSUnitExt.dvb>

Represents 1% of the dynamic viewport's block size.

Link copied to clipboard
val Number.dvh: CSSSizeValue<CSSUnitExt.dvh>

Represents 1% of the dynamic viewport's height.

Link copied to clipboard
val Number.dvi: CSSSizeValue<CSSUnitExt.dvi>

Represents 1% of the dynamic viewport's inline size.

Link copied to clipboard
val Number.dvmax: CSSSizeValue<CSSUnitExt.dvmax>

Represents 1% of the dynamic viewport's largest dimension.

Link copied to clipboard
val Number.dvmin: CSSSizeValue<CSSUnitExt.dvmin>

Represents 1% of the dynamic viewport's smallest dimension.

Link copied to clipboard
val Number.dvw: CSSSizeValue<CSSUnitExt.dvw>

Represents 1% of the dynamic viewport's width.

Link copied to clipboard
val FlexDirection.Companion.Inherit: FlexDirection
Link copied to clipboard
val FlexDirection.Companion.Initial: FlexDirection
Link copied to clipboard
val Number.lvb: CSSSizeValue<CSSUnitExt.lvb>

Represents 1% of the large viewport's block size.

Link copied to clipboard
val Number.lvh: CSSSizeValue<CSSUnitExt.lvh>

Represents 1% of the large viewport's inline size.

Link copied to clipboard
val Number.lvi: CSSSizeValue<CSSUnitExt.lvi>

Represents 1% of the large viewport's height.

Link copied to clipboard
val Number.lvmax: CSSSizeValue<CSSUnitExt.lvmax>

Represents 1% of the large viewport's largest dimension.

Link copied to clipboard
val Number.lvmin: CSSSizeValue<CSSUnitExt.lvmin>

Represents 1% of the large viewport's smallest dimension.

Link copied to clipboard
val Number.lvw: CSSSizeValue<CSSUnitExt.lvw>

Represents 1% of the large viewport's width.

Link copied to clipboard
val FlexDirection.Companion.Revert: FlexDirection
Link copied to clipboard
val Number.svb: CSSSizeValue<CSSUnitExt.svb>

Represents 1% of the small viewport's block size.

Link copied to clipboard
val Number.svh: CSSSizeValue<CSSUnitExt.svh>

Represents 1% of the small viewport's height.

Link copied to clipboard
val Number.svi: CSSSizeValue<CSSUnitExt.svi>

Represents 1% of the small viewport's inline size.

Link copied to clipboard
val Number.svmax: CSSSizeValue<CSSUnitExt.svmax>

Represents 1% of the small viewport's largest dimension.

Link copied to clipboard
val Number.svmin: CSSSizeValue<CSSUnitExt.svmin>

Represents 1% of the small viewport's smallest dimension.

Link copied to clipboard
val Number.svw: CSSSizeValue<CSSUnitExt.svw>

Represents 1% of the viewport's block size.

Link copied to clipboard
val FlexDirection.Companion.Unset: FlexDirection
Link copied to clipboard
val Number.vb: CSSSizeValue<CSSUnit.vb>

Represents 1% of the viewport's block size.

Link copied to clipboard
val Number.vi: CSSSizeValue<CSSUnit.vi>

Represents 1% of the viewport's inline size.

Functions

Link copied to clipboard
fun StyleScope.accentColor(accentColor: AccentColor)
fun StyleScope.accentColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.alignContent(alignContent: AlignContent)
Link copied to clipboard
fun StyleScope.alignItems(alignItems: AlignItems)
Link copied to clipboard
fun StyleScope.alignSelf(alignSelf: AlignSelf)
Link copied to clipboard
fun StyleScope.animation(animation: Animation)
fun StyleScope.animation(vararg animations: Animation.Repeatable)
Link copied to clipboard
fun StyleScope.appearance(appearance: Appearance)
Link copied to clipboard
fun AttrsScope<*>.ariaDisabled(value: Boolean = true)
Link copied to clipboard
fun AttrsScope<*>.ariaHidden(value: Boolean = true)
Link copied to clipboard
fun AttrsScope<*>.ariaInvalid(value: Boolean = true)
Link copied to clipboard
fun AttrsScope<*>.ariaLabel(value: String)
Link copied to clipboard
fun AttrsScope<*>.ariaRequired(value: Boolean = true)
Link copied to clipboard
fun StyleScope.aspectRatio(aspectRatio: AspectRatio)
fun StyleScope.aspectRatio(ratio: Number)
fun StyleScope.aspectRatio(width: Number, height: Number)
Link copied to clipboard
fun StyleScope.backdropFilter(backdropFilter: BackdropFilter)
fun StyleScope.backdropFilter(vararg filters: CSSFilter)
Link copied to clipboard
fun StyleScope.background(background: Background)
fun StyleScope.background(vararg backgrounds: Background.Repeatable)

fun StyleScope.background(color: CSSColorValue?, vararg backgrounds: Background.Repeatable)

A Kotlin-idiomatic API to configure the background CSS property.

Link copied to clipboard
fun StyleScope.backgroundAttachment(backgroundAttachment: BackgroundAttachment)
Link copied to clipboard
fun StyleScope.backgroundBlendMode(blendMode: BackgroundBlendMode)
Link copied to clipboard
fun StyleScope.backgroundClip(backgroundClip: BackgroundClip)
Link copied to clipboard
fun StyleScope.backgroundColor(backgroundColor: BackgroundColor)
Link copied to clipboard
fun StyleScope.backgroundImage(backgroundImage: BackgroundImage)
fun StyleScope.backgroundImage(url: CSSUrl)
fun StyleScope.backgroundImage(gradient: Gradient)
Link copied to clipboard
fun StyleScope.backgroundOrigin(backgroundOrigin: BackgroundOrigin)
Link copied to clipboard
fun StyleScope.backgroundPosition(backgroundPosition: BackgroundPosition)
Link copied to clipboard
fun StyleScope.backgroundRepeat(backgroundRepeat: BackgroundRepeat)
Link copied to clipboard
fun StyleScope.backgroundSize(backgroundSize: BackgroundSize)
Link copied to clipboard
fun StyleScope.borderBottom(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderBottom(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.borderCollapse(borderCollapse: BorderCollapse)
Link copied to clipboard
fun StyleScope.borderColor(color: CSSColorValue)
fun StyleScope.borderColor(topBottom: CSSColorValue = Color.currentColor, leftRight: CSSColorValue = Color.currentColor)
fun StyleScope.borderColor(top: CSSColorValue = Color.currentColor, leftRight: CSSColorValue = Color.currentColor, bottom: CSSColorValue = Color.currentColor)
fun StyleScope.borderColor(top: CSSColorValue = Color.currentColor, right: CSSColorValue = Color.currentColor, bottom: CSSColorValue = Color.currentColor, left: CSSColorValue = Color.currentColor)
Link copied to clipboard
fun StyleScope.borderImage(borderImage: BorderImage)
Link copied to clipboard
fun StyleScope.borderImageOutset(outset: BorderImageOutset)
Link copied to clipboard
fun StyleScope.borderImageRepeat(repeat: BorderImageRepeat)
Link copied to clipboard
fun StyleScope.borderImageSlice(slice: BorderImageSlice)
Link copied to clipboard
fun StyleScope.borderImageSource(source: BorderImageSource)
Link copied to clipboard
fun StyleScope.borderImageWidth(width: BorderImageWidth)
Link copied to clipboard
fun StyleScope.borderLeft(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderLeft(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.borderRight(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderRight(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.borderStyle(lineStyle: LineStyle)
fun StyleScope.borderStyle(topBottom: LineStyle = LineStyle.None, leftRight: LineStyle = LineStyle.None)
fun StyleScope.borderStyle(top: LineStyle = LineStyle.None, leftRight: LineStyle = LineStyle.None, bottom: LineStyle = LineStyle.None)
fun StyleScope.borderStyle(top: LineStyle = LineStyle.None, right: LineStyle = LineStyle.None, bottom: LineStyle = LineStyle.None, left: LineStyle = LineStyle.None)
Link copied to clipboard
fun StyleScope.borderTop(borderBuild: CSSBorder.() -> Unit)
fun StyleScope.borderTop(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.borderWidth(width: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.bottom(bottom: Bottom)
Link copied to clipboard
fun StyleScope.boxDecorationBreak(boxDecorationBreak: BoxDecorationBreak)
Link copied to clipboard
fun StyleScope.boxShadow(boxShadow: BoxShadow)

Creates a box-shadow property with a single shadow. The property accepts either the BoxShadow.None value, the default global keywords, which indicates no shadows, or a list of shadows, created by using BoxShadow.of, ordered front to back.

fun StyleScope.boxShadow(vararg boxShadows: BoxShadow.Repeatable)

Creates a box-shadow property with multiple shadow. The property accepts a list of shadows, created by using BoxShadow.of, ordered from front to back.

fun StyleScope.boxShadow(value: String)
fun StyleScope.boxShadow(offsetX: CSSLengthNumericValue = 0.px, offsetY: CSSLengthNumericValue = 0.px, blurRadius: CSSLengthNumericValue? = null, spreadRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null, inset: Boolean = false)
Link copied to clipboard
fun StyleScope.boxSizing(boxSizing: BoxSizing)
Link copied to clipboard
fun StyleScope.captionSide(captionSide: CaptionSide)
Link copied to clipboard
fun StyleScope.caretColor(caretColor: CaretColor)
fun StyleScope.caretColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.clear(clear: Clear)
Link copied to clipboard
fun StyleScope.color(color: CSSColor)
fun StyleScope.color(value: String)
Link copied to clipboard
fun StyleScope.colorScheme(colorScheme: ColorScheme)
Link copied to clipboard
fun StyleScope.columnRule(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.columnRuleColor(color: CSSColorValue)
Link copied to clipboard
fun StyleScope.columnRuleStyle(style: LineStyle)
Link copied to clipboard
fun StyleScope.columnRuleWidth(width: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.content(content: Content.Restricted)
fun StyleScope.content(vararg contents: Content.Unrestricted)
fun StyleScope.content(altText: String, vararg contents: Content.Unrestricted)

fun StyleScope.content(value: String)

Convenience function for an extremely common case, setting content to text.

Link copied to clipboard
fun StyleScope.cursor(cursor: Cursor)
Link copied to clipboard
fun AttrsScope<*>.disabled(value: Boolean = true)
Link copied to clipboard
fun StyleScope.filter(filter: Filter)
fun StyleScope.filter(vararg filters: CSSFilter)
Link copied to clipboard
fun StyleScope.flexBasis(flexBasis: FlexBasis)
Link copied to clipboard
fun StyleScope.float(float: CSSFloat)
Link copied to clipboard
fun StyleScope.fontOpticalSizing(sizing: FontOpticalSizing)
Link copied to clipboard
fun StyleScope.fontSize(size: FontSize)
Link copied to clipboard
fun StyleScope.fontStyle(style: FontStyle)
Link copied to clipboard
fun StyleScope.fontVariant(alternates: FontVariantAlternates? = null, caps: FontVariantCaps? = null, eastAsian: FontVariantEastAsian? = null, emoji: FontVariantEmoji? = null, ligatures: FontVariantLigatures? = null, numeric: FontVariantNumeric? = null, position: FontVariantPosition? = null)
Link copied to clipboard
fun StyleScope.fontVariantAlternates(fontVariantAlternates: FontVariantAlternates)
Link copied to clipboard
fun StyleScope.fontVariantCaps(caps: FontVariantCaps)
Link copied to clipboard
fun StyleScope.fontVariantEastAsian(eastAsian: FontVariantEastAsian)
Link copied to clipboard
fun StyleScope.fontVariantEmoji(emoji: FontVariantEmoji)
Link copied to clipboard
fun StyleScope.fontVariantLigatures(ligatures: FontVariantLigatures)
Link copied to clipboard
fun StyleScope.fontVariantNumeric(numeric: FontVariantNumeric)
Link copied to clipboard
fun StyleScope.fontVariantPosition(position: FontVariantPosition)
Link copied to clipboard
Link copied to clipboard
fun StyleScope.fontWeight(weight: FontWeight)
Link copied to clipboard
fun StyleScope.grid(block: GridBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridAutoColumns(gridAutoColumns: GridAuto)
fun StyleScope.gridAutoColumns(vararg gridAutoColumns: GridEntry)
fun StyleScope.gridAutoColumns(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridAutoRows(gridAutoRows: GridAuto)
fun StyleScope.gridAutoRows(vararg gridAutoRows: GridEntry)
fun StyleScope.gridAutoRows(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridTemplateColumns(gridTemplateColumns: GridTemplate)
fun StyleScope.gridTemplateColumns(vararg gridTemplateColumns: GridEntry)
fun StyleScope.gridTemplateColumns(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun StyleScope.gridTemplateRows(gridTemplateRows: GridTemplate)
fun StyleScope.gridTemplateRows(vararg gridTemplateRows: GridEntry)
fun StyleScope.gridTemplateRows(block: GridTrackBuilder.() -> Unit)
Link copied to clipboard
fun AttrsScope<*>.height(height: Int)
fun StyleScope.height(height: Height)
Link copied to clipboard
Link copied to clipboard
fun StyleScope.isolation(isolation: Isolation)
Link copied to clipboard
fun StyleScope.justifyContent(justifyContent: JustifyContent)
Link copied to clipboard
fun StyleScope.justifyItems(justifyItems: JustifyItems)
Link copied to clipboard
fun StyleScope.justifySelf(justifySelf: JustifySelf)
Link copied to clipboard
fun <TBuilder> GenericStyleSheetBuilder<TBuilder>.layer(name: String, rulesBuild: GenericStyleSheetBuilder<CSSStyleRuleBuilder>.() -> Unit)

Wrap some styles with a @layer block.

Link copied to clipboard
fun StyleScope.left(left: Left)
Link copied to clipboard
fun StyleScope.lineHeight(lineHeight: LineHeight)
Link copied to clipboard
fun StyleScope.listStyle(type: ListStyleType? = null, position: ListStylePosition? = null, image: ListStyleImage? = null)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.maxHeight(maxHeight: MaxHeight)
Link copied to clipboard
fun StyleScope.maxWidth(maxWidth: MaxWidth)
Link copied to clipboard
fun StyleScope.minHeight(minHeight: MinHeight)
Link copied to clipboard
fun StyleScope.minWidth(minWidth: MinWidth)
Link copied to clipboard
fun StyleScope.mixBlendMode(blendMode: MixBlendMode)
Link copied to clipboard
fun StyleScope.objectFit(objectFit: ObjectFit)
Link copied to clipboard
fun StyleScope.outline(outlineBuilder: CSSOutline.() -> Unit)
fun StyleScope.outline(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.outlineColor(outlineColor: OutlineColor)
fun StyleScope.outlineColor(value: CSSColorValue)
Link copied to clipboard
fun StyleScope.outlineOffset(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.outlineStyle(value: LineStyle)
Link copied to clipboard
fun StyleScope.outlineWidth(outlineWidth: OutlineWidth)
fun StyleScope.outlineWidth(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.overflow(overflow: Overflow)
fun StyleScope.overflow(overflowX: Overflow, overflowY: Overflow)
Link copied to clipboard
fun StyleScope.overflowWrap(overflowWrap: OverflowWrap)
Link copied to clipboard
fun StyleScope.overflowX(overflowX: Overflow)
Link copied to clipboard
fun StyleScope.overflowY(overflowY: Overflow)
Link copied to clipboard
fun StyleScope.overscrollBehavior(overscrollBehavior: OverscrollBehavior)
Link copied to clipboard
fun StyleScope.overscrollBehaviorBlock(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorInline(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorX(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
fun StyleScope.overscrollBehaviorY(overscrollBehavior: OverscrollBehavior.SingleValue)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.placeContent(alignContent: AlignContent, justifyContent: JustifyContent)
Link copied to clipboard
fun StyleScope.placeItems(alignItems: AlignItems, justifyItems: JustifyItems)
Link copied to clipboard
fun StyleScope.placeSelf(alignSelf: AlignSelf, justifySelf: JustifySelf)
Link copied to clipboard
fun StyleScope.pointerEvents(pointerEvents: PointerEvents)
Link copied to clipboard
fun StyleScope.resize(resize: Resize)
Link copied to clipboard
fun StyleScope.right(right: Right)
Link copied to clipboard
fun AttrsScope<*>.role(value: String)
Link copied to clipboard
fun StyleScope.rotate(a: CSSAngleNumericValue)
fun StyleScope.rotate(x: Number, y: Number, z: Number, a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateX(a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateY(a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.rotateZ(a: CSSAngleNumericValue)
Link copied to clipboard
fun StyleScope.scale(s: Number)
fun StyleScope.scale(s: CSSPercentageNumericValue)
fun StyleScope.scale(sx: Number, sy: Number)
fun StyleScope.scale(sx: Number, sy: Number, sz: Number)
Link copied to clipboard
fun StyleScope.scaleX(s: Number)
Link copied to clipboard
fun StyleScope.scaleY(s: Number)
Link copied to clipboard
fun StyleScope.scaleZ(s: Number)
Link copied to clipboard
fun <TBuilder> GenericStyleSheetBuilder<TBuilder>.scope(start: String? = null, end: String? = null, rulesBuild: GenericStyleSheetBuilder<CSSStyleRuleBuilder>.() -> Unit)

Wrap some styles with a @scope block.

Link copied to clipboard
fun StyleScope.scrollbarWidth(scrollbarWidth: ScrollbarWidth)
Link copied to clipboard
fun StyleScope.scrollBehavior(scrollBehavior: ScrollBehavior)
Link copied to clipboard
fun StyleScope.scrollMargin(all: CSSLengthNumericValue)
fun StyleScope.scrollMargin(topBottom: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px)
fun StyleScope.scrollMargin(top: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px)
fun StyleScope.scrollMargin(top: CSSLengthNumericValue = 0.px, right: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px, left: CSSLengthNumericValue = 0.px)
Link copied to clipboard
fun StyleScope.scrollMarginBlock(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollMarginInline(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollMarginTop(value: CSSLengthNumericValue)
Link copied to clipboard
fun StyleScope.scrollPadding(topBottom: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength)
fun StyleScope.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength)
fun StyleScope.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, right: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength, left: CSSLengthOrPercentageNumericValue = autoLength)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.scrollSnapAlign(scrollSnapAlign: ScrollSnapAlign)
Link copied to clipboard
fun StyleScope.scrollSnapStop(scrollSnapStop: ScrollSnapStop)
Link copied to clipboard
fun StyleScope.scrollSnapType(scrollSnapType: ScrollSnapType)
Link copied to clipboard
fun <T : Number> StyleScope.setVariable(variable: StyleVariable.NumberValue<T>, value: T)
fun <T : StylePropertyValue> StyleScope.setVariable(variable: StyleVariable.PropertyValue<T>, value: T)
fun StyleScope.setVariable(variable: StyleVariable.StringValue, value: String)

fun <T> HTMLElement.setVariable(variable: StyleVariable<*, T>, value: T)

Helper method for setting a StyleVariable onto a raw HTML element.

Link copied to clipboard
fun <T : StylePropertyValue> StyleVariable(prefix: String? = null): StyleVariablePropertyProvider<T>
fun <T : StylePropertyValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<T>

Helper method for declaring a StyleVariable.PropertyValue instance via the by keyword.

fun <T : Number> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariableNumberProvider<T>

Helper method for declaring a StyleVariable.NumberValue instance via the by keyword.

fun <T : String> StyleVariable(defaultFallback: T? = null, prefix: T? = null): StyleVariableStringProvider

Helper method for declaring a StyleVariable.StringValue instance via the by keyword.

fun <T : CSSFlexNumericValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSFlexNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a flex value via the by keyword.

fun <T : CSSTimeNumericValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSTimeNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a time value via the by keyword.

fun <T : CSSAngleValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSAngleNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing an angle value via the by keyword.

fun <T : CSSLengthOrPercentageValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSLengthOrPercentageNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a length or percentage value via the by keyword.

fun <T : CSSLengthValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSLengthNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a length value via the by keyword.

fun <T : CSSPercentageValue> StyleVariable(defaultFallback: T? = null, prefix: String? = null): StyleVariablePropertyProvider<CSSPercentageNumericValue>

Helper method for declaring a StyleVariable.PropertyValue instance representing a percentage value via the by keyword.

Link copied to clipboard
fun StyleScope.textAlign(textAlign: TextAlign)
Link copied to clipboard
fun StyleScope.textDecorationLine(vararg textDecorationLines: TextDecorationLine)
Link copied to clipboard
fun StyleScope.textOverflow(textOverflow: TextOverflow)
Link copied to clipboard
fun StyleScope.textShadow(textShadow: TextShadow)
fun StyleScope.textShadow(vararg textShadows: CSSTextShadow)
fun StyleScope.textShadow(offsetX: CSSLengthNumericValue, offsetY: CSSLengthNumericValue, blurRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null)
Link copied to clipboard
fun StyleScope.textTransform(textTransform: TextTransform)
Link copied to clipboard
fun CSSAngleValue.toDegrees(): Float
Link copied to clipboard
fun StyleScope.top(top: Top)
Link copied to clipboard
fun StyleScope.touchAction(touchAction: TouchAction)
Link copied to clipboard
fun StyleScope.transformBox(transformBox: TransformBox)
Link copied to clipboard
fun StyleScope.transformOrigin(transformOrigin: TransformOrigin)
Link copied to clipboard
fun StyleScope.transformStyle(transformStyle: TransformStyle)
Link copied to clipboard
fun StyleScope.transition(transition: Transition)
fun StyleScope.transition(vararg transitions: Transition.Repeatable)
Link copied to clipboard
fun StyleScope.transitionBehavior(behavior: TransitionBehavior)
fun StyleScope.transitionBehavior(vararg behaviors: TransitionBehavior)
Link copied to clipboard
fun StyleScope.transitionDelay(delay: TransitionDelay)
fun StyleScope.transitionDelay(vararg delays: CSSTimeNumericValue)
Link copied to clipboard
fun StyleScope.transitionDuration(duration: TransitionDuration)
fun StyleScope.transitionDuration(vararg durations: CSSTimeNumericValue)
Link copied to clipboard
fun StyleScope.transitionProperty(property: TransitionProperty)
fun StyleScope.transitionProperty(vararg properties: String)
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
fun StyleScope.userSelect(userSelect: UserSelect)
Link copied to clipboard
fun StyleScope.verticalAlign(verticalAlign: VerticalAlign)
Link copied to clipboard
fun StyleScope.visibility(visibility: Visibility)
Link copied to clipboard
fun StyleScope.whiteSpace(whiteSpace: WhiteSpace)
Link copied to clipboard
fun AttrsScope<*>.width(width: Int)
fun StyleScope.width(width: Width)
Link copied to clipboard
fun StyleScope.wordBreak(wordBreak: WordBreak)
Link copied to clipboard
fun StyleScope.writingMode(writingMode: WritingMode)
Link copied to clipboard
fun StyleScope.zIndex(value: Number)