kotlin-css/kotlinx.css

Package-level declarations

Types

enum Align : Enum<Align>

enum Appearance : Enum<Appearance>

BackgroundAttachment

enum BackgroundAttachment : Enum<BackgroundAttachment>

enum BackgroundClip : Enum<BackgroundClip>

BackgroundOrigin

enum BackgroundOrigin : Enum<BackgroundOrigin>

BackgroundRepeat

enum BackgroundRepeat : Enum<BackgroundRepeat>

data class Border(val width: LinearDimension, val style: BorderStyle, val color: Color = Color.currentColor) : CssValue

enum BorderCollapse : Enum<BorderCollapse>

enum BorderStyle : Enum<BorderStyle>

enum BoxSizing : Enum<BoxSizing>

enum BreakInside : Enum<BreakInside>

enum Clear : Enum<Clear>

data class Color(val value: String) : CssValue

See CSS Color Module Level 3

enum Contain : Enum<Contain>

data class ContainerName(val value: String) : CssValue

enum ContainerType : Enum<ContainerType>

ContentVisibility

enum ContentVisibility : Enum<ContentVisibility>

interface CssBuilder : StyledElement, RuleContainer

open class CssBuilderImpl(val indent: String = "", val allowClasses: Boolean = true, var parent: RuleContainer? = null, val isHolder: Boolean = false, val isStyledComponent: Boolean = false) : CssBuilder

CssDeclarations

class CssDeclarations : MutableMap<String, Any>

@Target(allowedTargets = [AnnotationTarget.CLASS, AnnotationTarget.TYPE])

annotation class CssDsl

class CssProperty<T>(default: () -> T? = null)

abstract class CssValue(val value: String)

enum Cursor : Enum<Cursor>

enum Direction : Enum<Direction>

enum Display : Enum<Display>

data class Flex(val value: String) : CssValue

data class FlexBasis(val value: String) : CssValue

enum FlexDirection : Enum<FlexDirection>

enum FlexWrap : Enum<FlexWrap>

enum Float : Enum<Float>

enum FontStyle : Enum<FontStyle>

data class FontWeight(val value: String) : CssValue

data class GridArea(val value: String) : CssValue

GridAutoColumns

data class GridAutoColumns(val value: String) : CssValue

data class GridAutoFlow(val value: String) : CssValue

data class GridAutoRows(val value: String) : CssValue

data class GridColumn(val value: String) : CssValue

data class GridColumnEnd(val value: String) : CssValue

GridColumnStart

data class GridColumnStart(val value: String) : CssValue

data class GridRow(val value: String) : CssValue

data class GridRowEnd(val value: String) : CssValue

data class GridRowStart(val value: String) : CssValue

data class GridTemplate(val value: String) : CssValue

GridTemplateAreas

data class GridTemplateAreas(val value: String) : CssValue

GridTemplateColumns

data class GridTemplateColumns(val value: String) : CssValue

GridTemplateRows

data class GridTemplateRows(val value: String) : CssValue

enum Hyphens : Enum<Hyphens>

data class Image(val value: String) : CssValue

data class Inset(val top: LinearDimension, val right: LinearDimension, val bottom: LinearDimension, val left: LinearDimension) : CssValue

enum Isolation : Enum<Isolation>

enum JustifyContent : Enum<JustifyContent>

enum JustifyItems : Enum<JustifyItems>

enum JustifySelf : Enum<JustifySelf>

LinearDimension

open class LinearDimension(val value: String) : CssValue

ListStylePosition

enum ListStylePosition : Enum<ListStylePosition>

enum ListStyleType : Enum<ListStyleType>

data class Margin(val top: LinearDimension? = null, val right: LinearDimension? = null, val bottom: LinearDimension? = null, val left: LinearDimension? = null)

NumericLinearDimension

data class NumericLinearDimension(val number: Number, val unit: String) : LinearDimension

enum ObjectFit : Enum<ObjectFit>

data class Order(val value: String) : CssValue

enum Outline : Enum<Outline>

enum OutlineStyle : Enum<OutlineStyle>

enum Overflow : Enum<Overflow>

enum OverflowAnchor : Enum<OverflowAnchor>

enum OverflowWrap : Enum<OverflowWrap>

OverscrollBehavior

enum OverscrollBehavior : Enum<OverscrollBehavior>

data class Padding(val top: LinearDimension? = null, val right: LinearDimension? = null, val bottom: LinearDimension? = null, val left: LinearDimension? = null)

enum PointerEvents : Enum<PointerEvents>

enum Position : Enum<Position>

data class QuotedString(val value: String) : CssValue

RelativePosition

data class RelativePosition(val value: String) : CssValue

enum Resize : Enum<Resize>

data class Rule(val selector: Selector, val css: CssBuilder)

interface RuleContainer

typealias RuleSet = CssBuilder.() -> Unit

enum ScrollBehavior : Enum<ScrollBehavior>

interface StyledElement

StyledElementBuilder

typealias StyledElementBuilder = StyledElement.() -> Unit

StyledElementImpl

class StyledElementImpl : StyledElement

open class StyleList<in T>(delimiter: String)

enum TableLayout : Enum<TableLayout>

class TagSelector(val tagName: String)

enum TextAlign : Enum<TextAlign>

enum TextOverflow : Enum<TextOverflow>

enum TextTransform : Enum<TextTransform>

enum TextWrap : Enum<TextWrap>

enum TouchAction : Enum<TouchAction>

enum UserSelect : Enum<UserSelect>

data class VerticalAlign(val value: String) : CssValue

enum Visibility : Enum<Visibility>

enum WhiteSpace : Enum<WhiteSpace>

enum WordBreak : Enum<WordBreak>

enum WordWrap : Enum<WordWrap>

Properties

val a: TagSelector

val abbr: TagSelector

val address: TagSelector

var StyledElement.alignContent: Align

var StyledElement.alignItems: Align

var StyledElement.alignSelf: Align

var StyledElement.animation: Animations

var StyledElement.animationDelay: Time

animationDirection

var StyledElement.animationDirection: AnimationDirection

animationDuration

var StyledElement.animationDuration: Time

animationFillMode

var StyledElement.animationFillMode: FillMode

animationIterationCount

var StyledElement.animationIterationCount: Number

var StyledElement.animationName: String

animationPlayState

var StyledElement.animationPlayState: PlayState

animationTimingFunction

var StyledElement.animationTimingFunction: Timing

var StyledElement.appearance: Appearance

val area: TagSelector

val article: TagSelector

val aside: TagSelector

var StyledElement.aspectRatio: AspectRatio

val audio: TagSelector

val b: TagSelector

var StyledElement.backdropFilter: String

backfaceVisibility

var StyledElement.backfaceVisibility: Visibility

var StyledElement.background: String

backgroundAttachment

var StyledElement.backgroundAttachment: BackgroundAttachment

var StyledElement.backgroundClip: BackgroundClip

backgroundColor

var StyledElement.backgroundColor: Color

backgroundImage

var StyledElement.backgroundImage: Image

backgroundOrigin

var StyledElement.backgroundOrigin: BackgroundOrigin

backgroundPosition

var StyledElement.backgroundPosition: RelativePosition

backgroundRepeat

var StyledElement.backgroundRepeat: BackgroundRepeat

var StyledElement.backgroundSize: String

val base: TagSelector

val LinearDimension.basis: FlexBasis

val bdi: TagSelector

val bdo: TagSelector

val blockquote: TagSelector

var StyledElement.blockSize: LinearDimension

val body: TagSelector

var StyledElement.border: Border

var StyledElement.borderBottom: Border

borderBottomColor

var StyledElement.borderBottomColor: Color

borderBottomLeftRadius

var StyledElement.borderBottomLeftRadius: LinearDimension

borderBottomRightRadius

var StyledElement.borderBottomRightRadius: LinearDimension

borderBottomStyle

var StyledElement.borderBottomStyle: BorderStyle

borderBottomWidth

var StyledElement.borderBottomWidth: LinearDimension

var StyledElement.borderCollapse: BorderCollapse

var StyledElement.borderColor: Color

var StyledElement.borderLeft: Border

borderLeftColor

var StyledElement.borderLeftColor: Color

borderLeftStyle

var StyledElement.borderLeftStyle: BorderStyle

borderLeftWidth

var StyledElement.borderLeftWidth: LinearDimension

var StyledElement.borderRadius: LinearDimension

var StyledElement.borderRight: Border

borderRightColor

var StyledElement.borderRightColor: Color

borderRightStyle

var StyledElement.borderRightStyle: BorderStyle

borderRightWidth

var StyledElement.borderRightWidth: LinearDimension

var StyledElement.borderSpacing: LinearDimension

var StyledElement.borderStyle: BorderStyle

var StyledElement.borderTop: Border

var StyledElement.borderTopColor: Color

borderTopLeftRadius

var StyledElement.borderTopLeftRadius: LinearDimension

borderTopRightRadius

var StyledElement.borderTopRightRadius: LinearDimension

var StyledElement.borderTopStyle: BorderStyle

var StyledElement.borderTopWidth: LinearDimension

var StyledElement.borderWidth: LinearDimension

var StyledElement.bottom: LinearDimension

var StyledElement.boxShadow: BoxShadows

var StyledElement.boxSizing: BoxSizing

val br: TagSelector

var StyledElement.breakInside: BreakInside

val button: TagSelector

val canvas: TagSelector

val caption: TagSelector

var StyledElement.caretColor: Color

val Number.ch: LinearDimension

val cite: TagSelector

var StyledElement.clear: Clear

var StyledElement.clipPath: String

val Number.cm: LinearDimension

val code: TagSelector

val col: TagSelector

val colgroup: TagSelector

var StyledElement.color: Color

var StyledElement.columnGap: LinearDimension

var StyledElement.contain: Contain

var StyledElement.containerName: ContainerName

var StyledElement.containerType: ContainerType

var StyledElement.content: QuotedString

contentVisibility

var StyledElement.contentVisibility: ContentVisibility

var StyledElement.cursor: Cursor

val data: TagSelector

val datalist: TagSelector

val dd: TagSelector

val del: TagSelector

val details: TagSelector

val dfn: TagSelector

val dialog: TagSelector

var StyledElement.direction: Direction

var StyledElement.display: Display

val div: TagSelector

val dl: TagSelector

val LinearDimension.down: VerticalAlign

val dt: TagSelector

val Number.dvb: LinearDimension

val Number.dvh: LinearDimension

val Number.dvi: LinearDimension

val Number.dvmax: LinearDimension

val Number.dvmin: LinearDimension

val Number.dvw: LinearDimension

val em: TagSelector

val Number.em: LinearDimension

val embed: TagSelector

val Number.ex: LinearDimension

val fieldset: TagSelector

val figcaption: TagSelector

val figure: TagSelector

var StyledElement.filter: String

var StyledElement.flex: Flex

var StyledElement.flexBasis: FlexBasis

var StyledElement.flexDirection: FlexDirection

var StyledElement.flexGrow: Number

var StyledElement.flexShrink: Number

var StyledElement.flexWrap: FlexWrap

var StyledElement.float: Float

var StyledElement.fontFamily: String

fontFeatureSettings

var StyledElement.fontFeatureSettings: String

var StyledElement.fontSize: LinearDimension

var StyledElement.fontSizeAdjust: Number

var StyledElement.fontStyle: FontStyle

var StyledElement.fontWeight: FontWeight

val footer: TagSelector

val form: TagSelector

val Number.fr: LinearDimension

var StyledElement.gap: LinearDimension

var StyledElement.gridArea: GridArea

gridAutoColumns

var StyledElement.gridAutoColumns: GridAutoColumns

var StyledElement.gridAutoFlow: GridAutoFlow

var StyledElement.gridAutoRows: GridAutoRows

var StyledElement.gridColumn: GridColumn

var StyledElement.gridColumnEnd: GridColumnEnd

gridColumnStart

var StyledElement.gridColumnStart: GridColumnStart

var StyledElement.gridRow: GridRow

var StyledElement.gridRowEnd: GridRowEnd

var StyledElement.gridRowStart: GridRowStart

var StyledElement.gridTemplate: GridTemplate

gridTemplateAreas

var StyledElement.gridTemplateAreas: GridTemplateAreas

gridTemplateColumns

var StyledElement.gridTemplateColumns: GridTemplateColumns

gridTemplateRows

var StyledElement.gridTemplateRows: GridTemplateRows

val h1: TagSelector

val h2: TagSelector

val h3: TagSelector

val h4: TagSelector

val h5: TagSelector

val h6: TagSelector

val head: TagSelector

val header: TagSelector

var StyledElement.height: LinearDimension

val hr: TagSelector

val html: TagSelector

var StyledElement.hyphens: Hyphens

val i: TagSelector

val iframe: TagSelector

val img: TagSelector

val Number.in: LinearDimension

var StyledElement.inlineSize: LinearDimension

val input: TagSelector

val ins: TagSelector

var StyledElement.inset: Inset

var StyledElement.isolation: Isolation

var StyledElement.justifyContent: JustifyContent

var StyledElement.justifyItems: JustifyItems

var StyledElement.justifySelf: JustifySelf

val kbd: TagSelector

val label: TagSelector

var StyledElement.left: LinearDimension

val legend: TagSelector

var StyledElement.letterSpacing: LinearDimension

val li: TagSelector

var StyledElement.lineHeight: LineHeight

val link: TagSelector

listStylePosition

var StyledElement.listStylePosition: ListStylePosition

var StyledElement.listStyleType: ListStyleType

val Number.lvb: LinearDimension

val Number.lvh: LinearDimension

val Number.lvi: LinearDimension

val Number.lvmax: LinearDimension

val Number.lvmin: LinearDimension

val Number.lvw: LinearDimension

val main: TagSelector

val map: TagSelector

var StyledElement.margin: Margin

var StyledElement.marginBottom: LinearDimension

var StyledElement.marginLeft: LinearDimension

var StyledElement.marginRight: LinearDimension

var StyledElement.marginTop: LinearDimension

val mark: TagSelector

val math: TagSelector

var StyledElement.maxHeight: LinearDimension

var StyledElement.maxWidth: LinearDimension

val menu: TagSelector

val meta: TagSelector

val meter: TagSelector

var StyledElement.minHeight: LinearDimension

var StyledElement.minWidth: LinearDimension

val Number.mm: LinearDimension

val nav: TagSelector

val noscript: TagSelector

var StyledElement.objectFit: ObjectFit

var StyledElement.objectPosition: String

val objectTag: TagSelector

val ol: TagSelector

var StyledElement.opacity: Number

val optgroup: TagSelector

val option: TagSelector

var StyledElement.order: Order

var StyledElement.outline: Outline

var StyledElement.outlineColor: Color

var StyledElement.outlineOffset: LinearDimension

var StyledElement.outlineStyle: OutlineStyle

var StyledElement.outlineWidth: LinearDimension

val output: TagSelector

var StyledElement.overflow: Overflow

var StyledElement.overflowAnchor: OverflowAnchor

var StyledElement.overflowWrap: OverflowWrap

var StyledElement.overflowX: Overflow

var StyledElement.overflowY: Overflow

overscrollBehavior

var StyledElement.overscrollBehavior: OverscrollBehavior

val p: TagSelector

var StyledElement.padding: Padding

var StyledElement.paddingBottom: LinearDimension

var StyledElement.paddingLeft: LinearDimension

var StyledElement.paddingRight: LinearDimension

var StyledElement.paddingTop: LinearDimension

val param: TagSelector

val Number.pc: LinearDimension

val Number.pct: LinearDimension

val picture: TagSelector

var StyledElement.pointerEvents: PointerEvents

val portal: TagSelector

var StyledElement.position: Position

val pre: TagSelector

val progress: TagSelector

val Number.pt: LinearDimension

val Number.px: LinearDimension

val q: TagSelector

val String.quoted: QuotedString

val rb: TagSelector

val Number.rem: LinearDimension

var StyledElement.resize: Resize

var StyledElement.right: LinearDimension

var StyledElement.rowGap: LinearDimension

val rp: TagSelector

val rt: TagSelector

val rtc: TagSelector

val ruby: TagSelector

val s: TagSelector

val samp: TagSelector

val script: TagSelector

var StyledElement.scrollBehavior: ScrollBehavior

var StyledElement.scrollMargin: Margin

scrollMarginBottom

var StyledElement.scrollMarginBottom: LinearDimension

scrollMarginLeft

var StyledElement.scrollMarginLeft: LinearDimension

scrollMarginRight

var StyledElement.scrollMarginRight: LinearDimension

scrollMarginTop

var StyledElement.scrollMarginTop: LinearDimension

var StyledElement.scrollPadding: Padding

scrollPaddingBottom

var StyledElement.scrollPaddingBottom: LinearDimension

scrollPaddingLeft

var StyledElement.scrollPaddingLeft: LinearDimension

scrollPaddingRight

var StyledElement.scrollPaddingRight: LinearDimension

scrollPaddingTop

var StyledElement.scrollPaddingTop: LinearDimension

val section: TagSelector

val select: TagSelector

val slot: TagSelector

val small: TagSelector

val source: TagSelector

val span: TagSelector

var StyledElement.src: String

val strong: TagSelector

val style: TagSelector

val sub: TagSelector

val summary: TagSelector

val sup: TagSelector

val Number.svb: LinearDimension

val svg: TagSelector

val Number.svh: LinearDimension

val Number.svi: LinearDimension

val Number.svmax: LinearDimension

val Number.svmin: LinearDimension

val Number.svw: LinearDimension

val table: TagSelector

var StyledElement.tableLayout: TableLayout

var StyledElement.tabSize: String

val tbody: TagSelector

val td: TagSelector

val template: TagSelector

var StyledElement.textAlign: TextAlign

val textarea: TagSelector

var StyledElement.textDecoration: TextDecoration

var StyledElement.textOverflow: TextOverflow

var StyledElement.textShadow: TextShadows

var StyledElement.textTransform: TextTransform

var StyledElement.textWrap: TextWrap

val tfoot: TagSelector

val th: TagSelector

val thead: TagSelector

val time: TagSelector

val title: TagSelector

var StyledElement.top: LinearDimension

var StyledElement.touchAction: TouchAction

val tr: TagSelector

val track: TagSelector

var StyledElement.transform: Transforms

var StyledElement.transition: Transitions

transitionDelay

var StyledElement.transitionDelay: Time

transitionDuration

var StyledElement.transitionDuration: Time

transitionProperty

var StyledElement.transitionProperty: String

transitionTimingFunction

var StyledElement.transitionTimingFunction: Timing

val u: TagSelector

val ul: TagSelector

val LinearDimension.up: VerticalAlign

var StyledElement.userSelect: UserSelect

val varTag: TagSelector

val Number.vb: LinearDimension

var StyledElement.verticalAlign: VerticalAlign

val Number.vh: LinearDimension

val Number.vi: LinearDimension

val video: TagSelector

var StyledElement.visibility: Visibility

val Number.vmax: LinearDimension

val Number.vmin: LinearDimension

val Number.vw: LinearDimension

val wbr: TagSelector

var StyledElement.whiteSpace: WhiteSpace

var StyledElement.width: LinearDimension

var StyledElement.willChange: String

var StyledElement.wordBreak: WordBreak

var StyledElement.wordSpacing: LinearDimension

var StyledElement.wordWrap: WordWrap

var StyledElement.zIndex: Int

Functions

fun blackAlpha(alpha: Double): Color

fun CssBuilder(indent: String = "", allowClasses: Boolean = true, parent: RuleContainer? = null, isHolder: Boolean = false, isStyledComponent: Boolean = false): CssBuilder

fun hex(value: Int): Color

fun hsl(hue: Int, saturation: Int, lightness: Int): Color

fun hsl(hue: Int, saturation: Int, lightness: Int, alpha: Double): Color

fun String.hyphenize(): String

fun oklch(l: Int, c: Double, h: Double): Color

fun oklch(l: Int, c: Double, h: Double, a: Double): Color

fun rgb(red: Int, green: Int, blue: Int): Color

fun rgb(red: Int, green: Int, blue: Int, alpha: Double): Color

fun ruleSet(set: RuleSet): CssBuilder.() -> Unit

fun StyledElement(): StyledElement

operator fun String.times(n: Int): String

toCustomProperty

fun String.toCustomProperty(): String

fun whiteAlpha(alpha: Double): Color