BasicParams

@ExperimentalCoroutinesApi()
interface BasicParams : Space, Color, Border, Typo, Background, Position, Shadow, Layout, PseudoClasses, PseudoElements

interface combining all the basic style-parameters

Functions

active
Link copied to clipboard
js
open fun active(content: BasicParams.() -> Unit)
after
Link copied to clipboard
js
open fun after(content: BasicParams.() -> Unit)
anyLink
Link copied to clipboard
js
open fun anyLink(content: BasicParams.() -> Unit)
background
Link copied to clipboard
js
open fun background(value: BackgroundContext.() -> Unit)
This function opens the context for defining the background related properties for all media devices.
open fun background(sm: BackgroundContext.() -> Unit? = null, md: BackgroundContext.() -> Unit? = null, lg: BackgroundContext.() -> Unit? = null, xl: BackgroundContext.() -> Unit? = null)
This function opens the context for defining the background related properties for each media device independently.
before
Link copied to clipboard
js
open fun before(content: BasicParams.() -> Unit)
blank
Link copied to clipboard
js
open fun blank(content: BasicParams.() -> Unit)
border
Link copied to clipboard
js
open fun border(value: BorderContext.() -> Unit)
This function opens the context for defining the border related properties for all media devices.
open fun border(sm: BorderContext.() -> Unit? = null, md: BorderContext.() -> Unit? = null, lg: BorderContext.() -> Unit? = null, xl: BorderContext.() -> Unit? = null)
This function opens the context for defining the border related properties for each media device independently.
borders
Link copied to clipboard
js
open fun borders(value: BordersContext.() -> Unit)
This function opens the intermediate context for defining the border related properties independently for each side for all media devices.
open fun borders(sm: BordersContext.() -> Unit? = null, md: BordersContext.() -> Unit? = null, lg: BordersContext.() -> Unit? = null, xl: BordersContext.() -> Unit? = null)
This function opens the intermediate context for defining the border related properties independently for each side and for each media device.
boxShadow
Link copied to clipboard
js
open fun boxShadow(value: Shadows.() -> Property)
This function sets the box-shadow property.
open fun boxShadow(sm: Shadows.() -> Property? = null, md: Shadows.() -> Property? = null, lg: Shadows.() -> Property? = null, xl: Shadows.() -> Property? = null)
This function sets the box-shadow property for each media device independently.
checked
Link copied to clipboard
js
open fun checked(content: BasicParams.() -> Unit)
children
Link copied to clipboard
js
open fun children(selector: String, content: BasicParams.() -> Unit)
color
Link copied to clipboard
js
open fun color(value: Colors.() -> ColorProperty)
This function sets the color property for all media devices.
open fun color(sm: Colors.() -> ColorProperty? = null, md: Colors.() -> ColorProperty? = null, lg: Colors.() -> ColorProperty? = null, xl: Colors.() -> ColorProperty? = null)
This function sets the color property for each media device independently.
css
Link copied to clipboard
js
open fun css(value: Property): StringBuilder
This function passes raw CSS code into the underlying model without modification by fritz2 for all media devices at once.
open fun css(sm: Property? = null, md: Property? = null, lg: Property? = null, xl: Property? = null)
This function passes raw CSS code into the underlying model without modification by fritz2 for each media device independently.
current
Link copied to clipboard
js
open fun current(content: BasicParams.() -> Unit)
default
Link copied to clipboard
js
open fun default(content: BasicParams.() -> Unit)
dir
Link copied to clipboard
js
open fun dir(param: Property, content: BasicParams.() -> Unit)
disabled
Link copied to clipboard
js
open fun disabled(content: BasicParams.() -> Unit)
display
Link copied to clipboard
js
open fun display(value: DisplayValues.() -> DisplayProperty)
This function sets the display property of a component for all media devices.
open fun display(sm: DisplayValues.() -> DisplayProperty? = null, md: DisplayValues.() -> DisplayProperty? = null, lg: DisplayValues.() -> DisplayProperty? = null, xl: DisplayValues.() -> DisplayProperty? = null)
This function sets the display property of a component for each media device independently.
empty
Link copied to clipboard
js
open fun empty(content: BasicParams.() -> Unit)
enabled
Link copied to clipboard
js
open fun enabled(content: BasicParams.() -> Unit)
equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
first
Link copied to clipboard
js
open fun first(content: BasicParams.() -> Unit)
firstChild
Link copied to clipboard
js
open fun firstChild(content: BasicParams.() -> Unit)
firstLetter
Link copied to clipboard
js
open fun firstLetter(content: BasicParams.() -> Unit)
firstLine
Link copied to clipboard
js
open fun firstLine(content: BasicParams.() -> Unit)
firstOfType
Link copied to clipboard
js
open fun firstOfType(content: BasicParams.() -> Unit)
flex
Link copied to clipboard
js
open fun flex(value: FlexItemContext.() -> Unit)
This function opens the context for defining the flex layout related properties for a flex layout child component for all media devices.
open fun flex(sm: FlexItemContext.() -> Unit? = null, md: FlexItemContext.() -> Unit? = null, lg: FlexItemContext.() -> Unit? = null, xl: FlexItemContext.() -> Unit? = null)
This function opens the context for defining the flex layout related properties for a flex layout child component for all media devices.
focus
Link copied to clipboard
js
open fun focus(content: BasicParams.() -> Unit)
focusVisible
Link copied to clipboard
js
open fun focusVisible(content: BasicParams.() -> Unit)
focusWithin
Link copied to clipboard
js
open fun focusWithin(content: BasicParams.() -> Unit)
fontFamily
Link copied to clipboard
js
open fun fontFamily(value: FontFamilies.() -> Property)
This function sets the font-family property.
open fun fontFamily(sm: FontFamilies.() -> Property? = null, md: FontFamilies.() -> Property? = null, lg: FontFamilies.() -> Property? = null, xl: FontFamilies.() -> Property? = null)
This function sets the font-family property for each media device independently.
fontSize
Link copied to clipboard
js
open fun fontSize(value: ScaledValueProperty)
This function sets the font-size propertyExample call:
fontSize { small }
open fun fontSize(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the font-size property for each media device independently.
fontStyle
Link copied to clipboard
js
open fun fontStyle(value: FontStyles.() -> FontStyleProperty)
This function sets the font-style propertyExample call:
fontStyle { normal }
open fun fontStyle(sm: FontStyles.() -> FontStyleProperty? = null, md: FontStyles.() -> FontStyleProperty? = null, lg: FontStyles.() -> FontStyleProperty? = null, xl: FontStyles.() -> FontStyleProperty? = null)
This function sets the font-style property for each media device independently.
fontWeight
Link copied to clipboard
js
open fun fontWeight(value: FontWeights.() -> FontWeightProperty)
This function sets the font-weight propertyExample call:
fontWeight { bold }
open fun fontWeight(sm: FontWeights.() -> FontWeightProperty? = null, md: FontWeights.() -> FontWeightProperty? = null, lg: FontWeights.() -> FontWeightProperty? = null, xl: FontWeights.() -> FontWeightProperty? = null)
This function sets the font-weight property for each media device independently.
fullscreen
Link copied to clipboard
js
open fun fullscreen(content: BasicParams.() -> Unit)
future
Link copied to clipboard
js
open fun future(content: BasicParams.() -> Unit)
grammarError
Link copied to clipboard
js
open fun grammarError(content: BasicParams.() -> Unit)
grid
Link copied to clipboard
js
open fun grid(value: GridContext.() -> Unit)
This function opens the context for defining the grid layout related properties for a grid layout child component for all media devices.
open fun grid(sm: GridContext.() -> Unit? = null, md: GridContext.() -> Unit? = null, lg: GridContext.() -> Unit? = null, xl: GridContext.() -> Unit? = null)
This function opens the context for defining the grid layout related properties for a grid layout child component for each media device independently.
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
height
Link copied to clipboard
js
open fun height(value: SizesProperty)
This function sets the height property of a component for all media devices.
open fun height(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the height property of a component for each media device independently.
hover
Link copied to clipboard
js
open fun hover(content: BasicParams.() -> Unit)
indeterminate
Link copied to clipboard
js
open fun indeterminate(content: BasicParams.() -> Unit)
inRange
Link copied to clipboard
js
open fun inRange(content: BasicParams.() -> Unit)
invalid
Link copied to clipboard
js
open fun invalid(content: BasicParams.() -> Unit)
invoke
Link copied to clipboard
js
open operator fun Style<BasicParams>.invoke()
allows the usage of predefined styles in this context
lang
Link copied to clipboard
js
open fun lang(param: Property, content: BasicParams.() -> Unit)
lastChild
Link copied to clipboard
js
open fun lastChild(content: BasicParams.() -> Unit)
lastOfType
Link copied to clipboard
js
open fun lastOfType(content: BasicParams.() -> Unit)
left
Link copied to clipboard
js
open fun left(content: BasicParams.() -> Unit)
letterSpacing
Link copied to clipboard
js
open fun letterSpacing(value: ScaledValueProperty)
This function sets the letter-spacing propertyExample call:
letter-spacing { small }
open fun letterSpacing(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the letter-spacing property for each media device independently.
lineHeight
Link copied to clipboard
js
open fun lineHeight(value: ScaledValueProperty)
This function sets the line-height propertyExample call:
lineHeight { small }
open fun lineHeight(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the line-height property for each media device independently.
link
Link copied to clipboard
js
open fun link(content: BasicParams.() -> Unit)
localLink
Link copied to clipboard
js
open fun localLink(content: BasicParams.() -> Unit)
margin
Link copied to clipboard
js
open fun margin(value: ScaledValueProperty)
This function sets the margin property.
open fun margin(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the margin property for each media device independently.
margins
Link copied to clipboard
js
open fun margins(value: SpacesContext.() -> Unit)
This function opens the context for defining the margin related properties.
open fun margins(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)
This function opens the context for defining the margin related properties for each media device independently.
marker
Link copied to clipboard
js
open fun marker(content: BasicParams.() -> Unit)
maxHeight
Link copied to clipboard
js
open fun maxHeight(value: SizesProperty)
This function sets the max-height property of a component for all media devices.
open fun maxHeight(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the max-height property of a component for all media devices.
maxWidth
Link copied to clipboard
js
open fun maxWidth(value: SizesProperty)
This function sets the max-width property of a component for all media devices.
open fun maxWidth(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the max-width property of a component for all media devices.
minHeight
Link copied to clipboard
js
open fun minHeight(value: SizesProperty)
This function sets the min-height property of a component for all media devices.
open fun minHeight(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the min-height property of a component for all media devices.
minWidth
Link copied to clipboard
js
open fun minWidth(value: SizesProperty)
This function sets the min-width property of a component for all media devices.
open fun minWidth(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the min-width property of a component for all media devices.
not
Link copied to clipboard
js
open fun not(param: Property, content: BasicParams.() -> Unit)
nthChild
Link copied to clipboard
js
open fun nthChild(param: Property, content: BasicParams.() -> Unit)
nthLastChild
Link copied to clipboard
js
open fun nthLastChild(param: Property, content: BasicParams.() -> Unit)
nthLastOfType
Link copied to clipboard
js
open fun nthLastOfType(param: Property, content: BasicParams.() -> Unit)
nthOfType
Link copied to clipboard
js
open fun nthOfType(param: Property, content: BasicParams.() -> Unit)
onlyChild
Link copied to clipboard
js
open fun onlyChild(content: BasicParams.() -> Unit)
onlyOfType
Link copied to clipboard
js
open fun onlyOfType(content: BasicParams.() -> Unit)
opacity
Link copied to clipboard
js
open fun opacity(value: WeightedValueProperty)
This function sets the opacity property for all media devices.
open fun opacity(sm: WeightedValueProperty? = null, md: WeightedValueProperty? = null, lg: WeightedValueProperty? = null, xl: WeightedValueProperty? = null)
This function sets the opacity property for each media device independently.
optional
Link copied to clipboard
js
open fun optional(content: BasicParams.() -> Unit)
outOfRange
Link copied to clipboard
js
open fun outOfRange(content: BasicParams.() -> Unit)
overflow
Link copied to clipboard
js
open fun overflow(value: OverflowValues.() -> OverflowProperty)
This function sets the overflow property of a component for all media devices.
open fun overflow(sm: OverflowValues.() -> OverflowProperty? = null, md: OverflowValues.() -> OverflowProperty? = null, lg: OverflowValues.() -> OverflowProperty? = null, xl: OverflowValues.() -> OverflowProperty? = null)
This function sets the overflow property of a component for each media device independently.
overflowX
Link copied to clipboard
js
open fun overflowX(value: OverflowXValues.() -> OverflowProperty)
This function sets the overflow-x property of a component for all media devices.
open fun overflowX(sm: OverflowXValues.() -> OverflowProperty? = null, md: OverflowXValues.() -> OverflowProperty? = null, lg: OverflowXValues.() -> OverflowProperty? = null, xl: OverflowXValues.() -> OverflowProperty? = null)
This function sets the overflow-x property of a component for all media devices.
overflowY
Link copied to clipboard
js
open fun overflowY(value: OverflowYValues.() -> OverflowProperty)
This function sets the overflow-y property of a component for all media devices.
open fun overflowY(sm: OverflowYValues.() -> OverflowProperty? = null, md: OverflowYValues.() -> OverflowProperty? = null, lg: OverflowYValues.() -> OverflowProperty? = null, xl: OverflowYValues.() -> OverflowProperty? = null)
This function sets the overflow-y property of a component for all media devices.
padding
Link copied to clipboard
js
open fun padding(value: ScaledValueProperty)
This function sets the padding propertyExample call:
padding { small }
open fun padding(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the padding property for each media device independently.
paddings
Link copied to clipboard
js
open fun paddings(value: SpacesContext.() -> Unit)
This function opens the context for defining the padding related properties.
open fun paddings(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)
This function opens the context for defining the padding related properties for each media device independently.
position
Link copied to clipboard
js
open fun position(value: PositionContext.() -> Unit)
This function sets the position CSS property of an element for all media devices at once.
open fun position(sm: PositionContext.() -> Unit? = null, md: PositionContext.() -> Unit? = null, lg: PositionContext.() -> Unit? = null, xl: PositionContext.() -> Unit? = null)
This function sets the position CSS property of an element for each media device independently.
radii
Link copied to clipboard
js
open fun radii(value: RadiiContext.() -> Unit)
This function opens the context for defining the radius related properties for each corner independently for all media devices.
open fun radii(sm: RadiiContext.() -> Unit? = null, md: RadiiContext.() -> Unit? = null, lg: RadiiContext.() -> Unit? = null, xl: RadiiContext.() -> Unit? = null)
This function opens the context for defining the radius related properties for each corner and for each media device independentlyExample call:
radii(
sm = {
// some functions of [RadiiContext] with appropriate values for *all devices*
},
lg = {
// some functions of [RadiiContext] with appropriate values for *all devices*
}
}
radius
Link copied to clipboard
js
open fun radius(value: ScaledValueProperty)
This function sets the radius property for all media devices.
open fun radius(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the radius property for each media device independently.
readOnly
Link copied to clipboard
js
open fun readOnly(content: BasicParams.() -> Unit)
readWrite
Link copied to clipboard
js
open fun readWrite(content: BasicParams.() -> Unit)
required
Link copied to clipboard
js
open fun required(content: BasicParams.() -> Unit)
right
Link copied to clipboard
js
open fun right(content: BasicParams.() -> Unit)
root
Link copied to clipboard
js
open fun root(content: BasicParams.() -> Unit)
scope
Link copied to clipboard
js
open fun scope(content: BasicParams.() -> Unit)
selection
Link copied to clipboard
js
open fun selection(content: BasicParams.() -> Unit)
size
Link copied to clipboard
js
open fun size(value: SizesProperty)
This convenience function sets the width and height of a component at once for all media devices.
open fun size(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This convenience function sets the width and height of a component at once for all media devices.
spellingError
Link copied to clipboard
js
open fun spellingError(content: BasicParams.() -> Unit)
target
Link copied to clipboard
js
open fun target(content: BasicParams.() -> Unit)
textAlign
Link copied to clipboard
js
open fun textAlign(value: TextAligns.() -> TextAlignProperty)
This function sets the text-align propertyExample call:
textAlign { center }
open fun textAlign(sm: TextAligns.() -> TextAlignProperty? = null, md: TextAligns.() -> TextAlignProperty? = null, lg: TextAligns.() -> TextAlignProperty? = null, xl: TextAligns.() -> TextAlignProperty? = null)
This function sets the text-align property for each media device independently.
textDecoration
Link copied to clipboard
js
open fun textDecoration(value: TextDecorations.() -> TextDecorationProperty)
This function sets the text-decoration propertyExample call:
textDecoration { bold }
open fun textDecoration(sm: TextDecorations.() -> TextDecorationProperty? = null, md: TextDecorations.() -> TextDecorationProperty? = null, lg: TextDecorations.() -> TextDecorationProperty? = null, xl: TextDecorations.() -> TextDecorationProperty? = null)
This function sets the text-decoration property for each media device independently.
textShadow
Link copied to clipboard
js
open fun textShadow(value: Shadows.() -> Property)
This function sets the text-shadow property.
open fun textShadow(sm: Shadows.() -> Property? = null, md: Shadows.() -> Property? = null, lg: Shadows.() -> Property? = null, xl: Shadows.() -> Property? = null)
This function sets the text-shadow property for each media device independently.
textTransform
Link copied to clipboard
js
open fun textTransform(value: TextTransforms.() -> TextTransformProperty)
This function sets the text-transform propertyExample call:
textTransform { capitalize }
open fun textTransform(sm: TextTransforms.() -> TextTransformProperty? = null, md: TextTransforms.() -> TextTransformProperty? = null, lg: TextTransforms.() -> TextTransformProperty? = null, xl: TextTransforms.() -> TextTransformProperty? = null)
This function sets the text-transform property for each media device independently.
toString
Link copied to clipboard
js
open fun toString(): String
valid
Link copied to clipboard
js
open fun valid(content: BasicParams.() -> Unit)
verticalAlign
Link copied to clipboard
js
open fun verticalAlign(value: VerticalAlignValues.() -> VerticalAlignProperty)
This function sets the vertical-align property of a component for all media devices.
open fun verticalAlign(sm: VerticalAlignValues.() -> VerticalAlignProperty? = null, md: VerticalAlignValues.() -> VerticalAlignProperty? = null, lg: VerticalAlignValues.() -> VerticalAlignProperty? = null, xl: VerticalAlignValues.() -> VerticalAlignProperty? = null)
This function sets the vertical-align property of a component for each media device independently.
visited
Link copied to clipboard
js
open fun visited(content: BasicParams.() -> Unit)
width
Link copied to clipboard
js
open fun width(value: SizesProperty)
This function sets the width property of a component for all media devices.
open fun width(sm: SizesProperty? = null, md: SizesProperty? = null, lg: SizesProperty? = null, xl: SizesProperty? = null)
This function sets the width property of a component for each media device independently.
zIndex
Link copied to clipboard
js
open fun zIndex(value: ZIndicesProperty)
This function sets the z-index CSS property of an element for all media devices at once.
open fun zIndex(sm: ZIndicesProperty? = null, md: ZIndicesProperty? = null, lg: ZIndicesProperty? = null, xl: ZIndicesProperty? = null)
This function sets the z-index CSS property of an element for each media device independently.

Properties

lgProperties
Link copied to clipboard
js
abstract val lgProperties: StringBuilder
collects the properties for large screens
mdProperties
Link copied to clipboard
js
abstract val mdProperties: StringBuilder
collects the properties for middle-sized screens
smProperties
Link copied to clipboard
js
abstract val smProperties: StringBuilder
collects the properties for small screens
xlProperties
Link copied to clipboard
js
abstract val xlProperties: StringBuilder
collects the properties for extra-large screens

Inheritors

FlexParams
Link copied to clipboard
GridParams
Link copied to clipboard