Trait

scalatags.generic

Styles2

Related Doc: package generic

Permalink

trait Styles2[Builder, Output <: FragT, FragT] extends StyleMisc[Builder, Output, FragT]

Contains CSS styles which are used less frequently. These are not imported by default to avoid namespace pollution.

Linear Supertypes
StyleMisc[Builder, Output, FragT], Util[Builder, Output, FragT], LowPriUtil[Builder, Output, FragT], AnyRef, Any
Known Subclasses
Ordering
  1. Alphabetic
  2. By Inheritance
Inherited
  1. Styles2
  2. StyleMisc
  3. Util
  4. LowPriUtil
  5. AnyRef
  6. Any
  1. Hide All
  2. Show All
Visibility
  1. Public
  2. All

Type Members

  1. abstract type ConcreteHtmlTag[T <: Output] <: TypedTag[Builder, T, FragT]

    Permalink
    Definition Classes
    Util
  2. implicit class SeqNode[A] extends Modifier[Builder]

    Permalink

    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.

    Definition Classes
    Util

Abstract Value Members

  1. implicit abstract def SeqFrag[A](xs: Seq[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Permalink

    Renders an Seq of FragT into a single FragT

    Renders an Seq of FragT into a single FragT

    Definition Classes
    LowPriUtil
  2. implicit abstract def UnitFrag(u: Unit): Frag[Builder, FragT]

    Permalink

    Lets you put Unit into a scalatags tree, as a no-op.

    Lets you put Unit into a scalatags tree, as a no-op.

    Definition Classes
    LowPriUtil
  3. abstract def makeAbstractTypedTag[T <: Output](tag: String, void: Boolean, namespaceConfig: Namespace): ConcreteHtmlTag[T]

    Permalink
    Definition Classes
    Util
  4. implicit abstract def stringAttrX: AttrValue[Builder, String]

    Permalink
    Attributes
    protected[this]
    Definition Classes
    Util
  5. implicit abstract def stringPixelStyleX: PixelStyleValue[Builder, String]

    Permalink
    Attributes
    protected[this]
    Definition Classes
    Util
  6. implicit abstract def stringStyleX: StyleValue[Builder, String]

    Permalink
    Attributes
    protected[this]
    Definition Classes
    Util
  7. abstract def tag(s: String, void: Boolean = false): TypedTag[Builder, Output, FragT]

    Permalink
    Definition Classes
    Util

Concrete Value Members

  1. final def !=(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any
  2. final def ##(): Int

    Permalink
    Definition Classes
    AnyRef → Any
  3. final def ==(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any
  4. implicit def ArrayFrag[A](xs: Array[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Permalink

    Renders an Seq of FragT into a single FragT

    Renders an Seq of FragT into a single FragT

    Definition Classes
    LowPriUtil
  5. implicit def ArrayNode[A](xs: Array[A])(implicit ev: (A) ⇒ Modifier[Builder]): SeqNode[A]

    Permalink

    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.

    Definition Classes
    Util
  6. implicit def OptionFrag[A](xs: Option[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Permalink

    Renders an Option of FragT into a single FragT

    Renders an Option of FragT into a single FragT

    Definition Classes
    LowPriUtil
  7. implicit def OptionNode[A](xs: Option[A])(implicit ev: (A) ⇒ Modifier[Builder]): SeqNode[A]

    Permalink

    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.

    Definition Classes
    Util
  8. lazy val animation: Style

    Permalink

    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

  9. lazy val animationDelay: MultiTimeStyle

    Permalink

    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

  10. lazy val animationDirection: Style

    Permalink

    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

  11. lazy val animationDuration: Style

    Permalink

    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

  12. lazy val animationFillMode: Style

    Permalink

    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

  13. lazy val animationIterationCount: Style

    Permalink

    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

  14. lazy val animationName: Style

    Permalink

    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

  15. lazy val animationPlayState: Style

    Permalink

    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

  16. lazy val animationTimingFunction: Style

    Permalink

    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

  17. final def asInstanceOf[T0]: T0

    Permalink
    Definition Classes
    Any
  18. def attr(s: String, ns: Namespace = null, raw: Boolean = false): Attr

    Permalink

    Constructs an Attr attribute object from a string; can be used inline:

    Constructs an Attr attribute object from a string; can be used inline:

    div(
      attr("hello-world-special-attr") := "foo
    )

    Or assigned to a name and used later

    val hello = attr("hello-world-special-attr")
    div(
      hello := "foo
    )
    Definition Classes
    Util
  19. object backfaceVisibility extends Style

    Permalink

    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

  20. def clone(): AnyRef

    Permalink
    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  21. lazy val columnCount: AutoStyle

    Permalink

    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

  22. object columnFill extends Style

    Permalink

    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

  23. lazy val columnGap: NormalOpenStyle

    Permalink

    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

  24. lazy val columnRule: Style

    Permalink

    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

  25. lazy val columnRuleColor: Style

    Permalink

    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

  26. object columnRuleStyle extends OutlineStyle

    Permalink

    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

  27. object columnRuleWidth extends Style

    Permalink

    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

  28. object columnSpan extends Style

    Permalink

    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

  29. lazy val columnWidth: AutoStyle

    Permalink

    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

  30. object columns extends Style

    Permalink

    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

  31. lazy val content: Style

    Permalink

    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

  32. lazy val counterIncrement: Style

    Permalink

    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

  33. lazy val counterReset: Style

    Permalink

    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

  34. def css(s: String): Style

    Permalink

    Constructs a CSS Style from a string, can be used inline

    Constructs a CSS Style from a string, can be used inline

    div(
      css("-moz-special-style") := "foo"
    )

    Or assigned to a name and used later

    val mozSpecial := css("-moz-special-style")
    div(
      mozSpecial := "foo"
    )
    Definition Classes
    Util
  35. final def eq(arg0: AnyRef): Boolean

    Permalink
    Definition Classes
    AnyRef
  36. def equals(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any
  37. def finalize(): Unit

    Permalink
    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( classOf[java.lang.Throwable] )
  38. def frag(frags: Frag[Builder, FragT]*): Frag[Builder, FragT]

    Permalink
    Definition Classes
    Util
  39. final def getClass(): Class[_]

    Permalink
    Definition Classes
    AnyRef → Any
  40. def hashCode(): Int

    Permalink
    Definition Classes
    AnyRef → Any
  41. final def isInstanceOf[T0]: Boolean

    Permalink
    Definition Classes
    Any
  42. def modifier(mods: Modifier[Builder]*): Modifier[Builder]

    Permalink
    Definition Classes
    Util
  43. final def ne(arg0: AnyRef): Boolean

    Permalink
    Definition Classes
    AnyRef
  44. final def notify(): Unit

    Permalink
    Definition Classes
    AnyRef
  45. final def notifyAll(): Unit

    Permalink
    Definition Classes
    AnyRef
  46. lazy val orphans: Style

    Permalink

    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

  47. lazy val pageBreakAfter: PageBreak

    Permalink

    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

  48. lazy val pageBreakBefore: PageBreak

    Permalink

    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

  49. lazy val pageBreakInside: PageBreak

    Permalink

    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

  50. lazy val perspective: NoneOpenStyle

    Permalink

    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

  51. lazy val perspectiveOrigin: Style

    Permalink

    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

  52. final def synchronized[T0](arg0: ⇒ T0): T0

    Permalink
    Definition Classes
    AnyRef
  53. def toString(): String

    Permalink
    Definition Classes
    AnyRef → Any
  54. lazy val transform: Style

    Permalink

    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

  55. lazy val transformOrigin: Style

    Permalink

    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

  56. object transformStyle extends Style

    Permalink

    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

  57. object unicodeBidi extends Style

    Permalink

    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

  58. final def wait(): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  59. final def wait(arg0: Long, arg1: Int): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  60. final def wait(arg0: Long): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  61. lazy val widows: Style

    Permalink

    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

  62. object wordBreak extends Style

    Permalink

    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

Inherited from StyleMisc[Builder, Output, FragT]

Inherited from Util[Builder, Output, FragT]

Inherited from LowPriUtil[Builder, Output, FragT]

Inherited from AnyRef

Inherited from Any

Ungrouped