0.21.1

silk-foundation/com.varabyte.kobweb.silk.style/CssRule

CssRule

sealed class CssRule(source)

A class which can be used to create type-safe CSS rules that can be applied to a StyleScope instance.

A CSS rule can consist of an optional media query, zero or more pseudo-classes, and an optional trailing pseudo-element.

For example, this class enables:

CssStyle {
  hover { ... } // Creates CssRule(this, ":hover") under the hood
  (hover + after) { ... } // Creates CssRule(this, ":hover::after)
  (Breakpoint.MD + hover) { ... } // Creates ":hover" style within a medium-sized media query
}

It's not expected for an end user to use this class directly. It's provided for libraries that want to provide additional extension properties to the StyleScope class (like hover and after)

Inheritors

NonMediaCssRule

Types

object Companion

CompositeClosed

class CompositeClosed(mediaQuery: CSSMediaQuery?, attributeSelectors: List<CssRule.OfAttributeSelector>, pseudoClasses: List<CssRule.OfPseudoClass>, pseudoElement: CssRule.OfPseudoElement) : CssRule.NonMediaCssRule

A composite CSS rule that is a chain of subparts which is terminated - it cannot grow any further but can only be invoked at this point.

class CompositeOpen(mediaQuery: CSSMediaQuery?, attributeSelectors: List<CssRule.OfAttributeSelector>, pseudoClasses: List<CssRule.OfPseudoClass>) : CssRule.NonMediaCssRule

A composite CSS rule that is a chain of subparts and still open to accepting more pseudo-classes and/or a pseudo-element.

NonMediaCssRule

sealed class NonMediaCssRule : CssRule

OfAttributeSelector

class OfAttributeSelector(attributeSelector: String) : CssRule.NonMediaCssRule

A CSS rule that represents an attribute selector.

class OfMedia(mediaQuery: CSSMediaQuery) : CssRule

A CSS rule (or rule part) that represents a media query.

class OfPseudoClass(pseudoClass: String) : CssRule.NonMediaCssRule

A CSS rule that represents a pseudo-class selector.

OfPseudoElement

class OfPseudoElement(pseudoElement: String) : CssRule.NonMediaCssRule

A CSS rule that represents a pseudo-element selector.