styles2
Provides extension methods on strings to fit them into Scalatag fragments.
Provides extension methods on strings to fit them into Scalatag fragments.
Allows you to modify a ConcreteHtmlTag by adding a Seq containing other nest-able objects to its list of children.
Allows you to modify a ConcreteHtmlTag by adding a Seq containing other nest-able objects to its list of children.
Renders an Seq of FragT into a single FragT
Renders an Seq of FragT into a single FragT
Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.
Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.
Renders an Option of FragT into a single FragT
Renders an Option of FragT into a single FragT
Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.
Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.
Lets you put Unit into a scalatags tree, as a no-op.
Lets you put Unit into a scalatags tree, as a no-op.
The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count and animation-direction.
The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count and animation-direction.
MDN
The animation-delay CSS property specifies when the animation should start.
The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.
A value of 0s, which is the default value of the property, indicates that the animation should begin as soon as it's applied. Otherwise, the value specifies an offset from the moment the animation is applied to the element; animation will begin that amount of time after being applied.
Specifying a negative value for the animation delay causes the animation to begin executing immediately. However, it will appear to have begun executing partway through its cycle. For example, if you specify -1s as the animation delay time, the animation will begin immediately but will start 1 second into the animation sequence.
If you specify a negative value for the animation delay, but the starting value is implicit, the starting value is taken from the moment the animation is applied to the element.
MDN
The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.
The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.
MDN
The animation-duration CSS property specifies the Length of time that an animation should take to complete one cycle.
The animation-duration CSS property specifies the Length of time that an animation should take to complete one cycle.
A value of 0s, which is the default value, indicates that no animation should occur.
MDN
The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.
The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.
MDN
The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.
The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.
MDN
The animation-name CSS property specifies a list of animations that should be applied to the selected element.
The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.
MDN
The animation-play-state CSS property determines whether an animation is running or paused.
The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.
Resuming a paused animation will start the animation from where it left off at the time it was paused, rather than starting over from the beginning of the animation sequence.
MDN
The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle.
The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.
For keyframed animations, the timing function applies between keyframes rather than over the entire animation. In other words, the timing function is applied at the start of the keyframe and at the end of the keyframe.
An animation timing function defined within a keyframe block applies to that keyframe; otherwise. If no timing function is specified for the keyframe, the timing function specified for the overall animation is used.
MDN
The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user.
The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.
MDN
The column-count CSS property describes the number of columns of the element.
The column-count CSS property describes the number of columns of the element.
MDN
The column-fill CSS property controls how contents are partitioned into columns.
The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.
MDN
The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.
The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.
MDN
In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column.
In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.
MDN
The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.
The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.
MDN
The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.
The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.
MDN
The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.
The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.
MDN
The column-span CSS property makes it possible for an element to span across all columns when its value is set to all.
The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.
MDN
The column-width CSS property suggests an optimal column width.
The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all Length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width
MDN
The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.
The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.
MDN
The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element.
The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.
MDN
The counter-increment CSS property is used to increase the value of CSS Counters by a given value.
The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.
MDN
The counter-reset CSS property is used to reset CSS Counters to a given value.
The counter-reset CSS property is used to reset CSS Counters to a given value.
MDN
The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page.
The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.
MDN
The page-break-after CSS property adjusts page breaks after the current element.
The page-break-after CSS property adjusts page breaks after the current element.
MDN
The page-break-before CSS property adjusts page breaks before the current element.
The page-break-before CSS property adjusts page breaks before the current element.
This properties applies to block elements that generate a box. It won't apply on an empty div that won't generate a box.
MDN
The page-break-inside CSS property adjusts page breaks inside the current element.
The page-break-inside CSS property adjusts page breaks inside the current element.
MDN
The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective.
The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
MDN
The perspective-origin CSS property determines the position the viewer is looking at.
The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.
MDN
The CSS transform property lets you modify the coordinate space of the CSS visual formatting model.
The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.
If the property has a value different than none, a stacking context will be created. In that case the object will act as a containing block for position: fixed elements that it contains.
MDN
The transform-origin CSS property lets you modify the origin for transformations of an element.
The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)
Not explicitely set values are reset to their corresponding values.
MDN
The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.
The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.
MDN
The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.
MDN
The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.
The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.
A value of 0s, or 0ms, indicates that the property will begin to animate its transition immediately when the value changes; positive values will delay the start of the transition effect for the corresponding number of seconds. Negative values cause the transition to begin immediately, but to cause the transition to seem to begin partway through the animation effect.
You may specify multiple delays; each delay will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer delays specified than in the master list, missing values are set to the initial value (0s). If there are more delays, the list is simply truncated to the right size. In both case the CSS declaration stays valid.
MDN
The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete.
The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
You may specify multiple durations; each duration will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer durations specified than in the master list, the user agent repeat the list of durations. If there are more durations, the list is simply truncated to the right size. In both case the CSS declaration stays valid.
MDN
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
MDN
The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated.
The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.
MDN
The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document.
The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.
MDN
The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media.
The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.
On a non-paged media, like screen, the widows CSS property has no effect.
MDN
The word-break CSS property is used to specify how (or if) to break lines within words.
The word-break CSS property is used to specify how (or if) to break lines within words.
MDN
Less common styles