Package dev. fritz2. styling. params
Types
Alias for specific content alignment properties.
Predefined values for alignment of content Central Alignment Contexts inspired by https://drafts.csswg.org/css-align-3/
Alias for specific item alignment properties.
Predefined values for alignment of items Central Alignment Contexts inspired by https://drafts.csswg.org/css-align-3/
This context interface offers functions to align or justify elements.
Alias for the specific AutoFlowValues properties
Predefined values for the grid-auto-flow property. Should be used as expression result for the GridLayout.autoFlow functions.
This context interface offers functions to style the background related CSS properties of a component.
Predefined values for the background-attachment property. Should be used as expression result in BackgroundContext.attachment.
Alias for the specific BackgroundBlendModes properties
Predefined values for the background-blend-mode property. Should be used as expression result in BackgroundContext.blendMode.
Predefined values for the background-origin and background-clip properties. Should be used as expression result in BackgroundContext.origin or BackgroundContext.clip.
This context class enables the definition of background related styling facilities.
Nested context class to enable separate definitions of horizontal and vertical background positioning for the background-position property.
Alias for the specific BackgroundPositions properties
Predefined values for the background-position property. Should be used as expression result in BackgroundContext.position, BackgroundPositionContext.horizontal or BackgroundPositionContext.vertical.
Alias for the specific BackgroundRepeats properties
Predefined values for the background-repeat property. Should be used as expression result in BackgroundContext.repeat.
Nested context class to enable separate definitions of horizontal and vertical background sizing for the background-size property.
Alias for the specific BackgroundSizes properties
Predefined values for the background-size property. Should be used as expression result in BackgroundContext.size, BackgroundSizeContext.horizontal or BackgroundSizeContext.vertical.
interface combining all the basic style-parameters
This context interface offers functions to style the border related CSS properties of a component.
This context class enables the definition of the common border styling properties like width, style and color.
This context class acts as an intermediate context to style the four sides of a border independently.
Alias for specific BorderStyleValues properties.
Predefined values for the border-style property. Should be used as expression result in BorderContext.style.
interface combining flex-style-parameters with grid and basic style-parameters
This context interface offers functions to style the color related CSS properties of a component.
alias for colors
Alias for the specific DirectionValues properties.
Predefined values for the flex-direction property. Should be used as expression result in Flexbox.direction functions.
Alias for specific DisplayValues properties.
Predefined values for the display property. Should be used as expression result in Layout.display.
Alias for specific FlexBasisValues properties.
Predefined values for the flex-basis property. Should be used as expression result in FlexItemContext.basis.
This context interface offers functions to styleflexbox-layouts.
This context interface offers functions to style elements of a flex layout.
interface combining flex-style-parameters with the basic style-parameters
Alias for specific FontStyleProperty properties.
Predefined values for the font-style property. Should be used as expression result in Typo.fontStyle.
Alias for specific FontWeightProperty properties.
Predefined values for the font-weight property. Should be used as expression result in Typo.fontWeight.
This context class is responsible for defining the grid area layout as comfortable and safe as possible.
This context interface offers functions to stylegrid layout-cells / child elements.
This context interface offers functions to style the container component for grid-layouts.
interface combining grid-style-parameters with the basic style-parameters
This context class enables to set the template properties for rows, columns and their corresponding automatic variants for dynamically added rows or columns (have a look at Auto placement documentation) in a flexible yet comfortable way.
Alias for specific justification properties.
Predefined values for justification Central Alignment Contexts inspired by https://drafts.csswg.org/css-align-3/
This context interface offers different functions to define or affect the fundamental layout of the whole page, a container within the page or an element itself.
Predefined common values for the overflow related properties.
Alias for specific OverflowBaseValues properties.
Predefined values for the overflow property. Should be used as expression result in Layout.overflow.
Predefined values for the overflow-x property. Should be used as expression result in Layout.overflowX.
Predefined values for the overflow-y property. Should be used as expression result in Layout.overflowY.
This context interface offers two functions to specify the positional appearance of an element.
This context class acts as an intermediate context to set the position of an element and to specify the actual positioning concerning the sides distances too.
This context class enables the definition of positioning properties for the four directions of top, right, bottom and left and convenience functions for defining the horizontal or vertical aspects at once.
base-interface for all enum base properties
This context class is used to provide a scope for styling the four radii of a border independently.
shortcut for functions that derive a value from ScaledValue defined at the Theme
Alias for specific self alignment properties.
Predefined values for self alignment Central Alignment Contexts inspired by https://drafts.csswg.org/css-align-3/
This context interface offers functions for self-alignment.
This context interface offers functions to style the shadow related CSS properties of a component.
Alias for specific Shadow properties.
shortcut for functions that derive a value from SizesProperty defined at the Theme
This context interface offers functions to style the space related CSS properties of a component.
This context class enables the definition of the common space oriented (margin and padding) styling properties.
Basic interface for all StyleParams-classes
Implemantation of all StyleParams-interface providing the needed StringBuilders
DSLMarker-annotation for style-parameter-DSL
Alias for specific TextAlignProperty properties.
Predefined values for the text-align property. Should be used as expression result in Typo.textAlign.
Alias for specific TextDecorations properties.
Predefined values for the font-weight property. Should be used as expression result in Typo.textDecoration.
Alias for specific TextTransformProperty properties.
Predefined values for the text-transform property. Should be used as expression result in Typo.textTransform.
This context interface offers functions to style the typography related CSS properties of a component.
Alias for specific VerticalAlignValues properties.
Predefined values for the vertical-align property. Should be used as expression result in Layout.verticalAlign.
shortcut for functions that derive a value from WeightedValue defined at the Theme
Alias for the specific WrapValues properties.
Predefined values for the flex-wrap property. Should be used as expression result in Flexbox.wrap functions.
shortcut for functions that derive a value from ZIndicesProperty defined at the Theme
Functions
alters the brightness of a given input color in the hex format. Enter a value between 1 and 2 to increase brightness, and a value between 0 and 1 to decrease brightness. Increasing the brightness of a color lets them appear rather faded than shining.
combines to shadow property values created by shadow
sets an enum-based property for small-screens (default)
sets a property for a given target screen size
sets a property derived from the Theme
sets a responsive enum-based property
sets a responsive property for
sets a responsive property derived from the Theme
creates a valid value for shadow-properties like box-shadow or text-shadow
Extension method that enables the usage of fritz2's powerful styling DSL for basic HTML elements. This method is used for unstyled HTML elements.
Extension method that enables the usage of fritz2's powerful styling DSL for basic HTML elements. This method is used for HTML elements that should apply an additional dynamic styling provided as external parameter. This is needed and extremely useful for implementing components!