Module sauron::prelude::prelude::html::units

provides function and macro for html units such as px, %, em, etc.

Functions

• ch
  Relative to the width of the “0” (zero)
• cm
  centimeters
• deg
  Represent an angle in degrees https://developer.mozilla.org/en-US/docs/Web/CSS/angle
• em
  Relative to the font-size of the element (2em means 2 times the size of the current font)
• ex
  Relative to the x-height of the current font (rarely used)
• grad
  Represents an angle in gradians https://developer.mozilla.org/en-US/docs/Web/CSS/angle
• in
  inches (1in = 96px = 2.54cm) Example:
• mm
  milimeters
• ms
  Represents a time in milliseconds. https://developer.mozilla.org/en-US/docs/Web/CSS/time
• pc
  picas (1pc = 12 pt)
• percent
  percentage Example:
• pt
  points (1pt = 1/72 of 1in)
• px
  pixels (1px = 1/96th of 1in)
• q
  1q is equivalent to 1/40th of 1cm.
• rad
  Represent an angle in radians https://developer.mozilla.org/en-US/docs/Web/CSS/angle
• rem
  Relative to font-size of the root element
• rgb
  the rgb css function
• rgba
  the rgba css function
• rotate
  rotate function rotate(deg(360))
• s
  Represents a time in seconds. https://developer.mozilla.org/en-US/docs/Web/CSS/time
• turn
  Represents an angle in a number of turns. One full circle is 1turn. https://developer.mozilla.org/en-US/docs/Web/CSS/angle
• vh
  Relative to 1% of the height of the viewport*
• vw
  Relative to 1% of the width of the viewport*