Function

@raw

Pass text through without treating it as CSS. Its main use is HTML inside @content.

Syntax

  • @raw(<text>)

Function calls inside the text are still evaluated, so @i and friends can be used to fill it in. When the text is an SVG data URL, as produced by @svg, the SVG markup is decoded so it can be inserted as an element.

Examples

@grid: 1 / 60vmin;
align-self: center;
@content: @raw(
  <style>h2, p { margin: 0 }</style>
  <h2>Hello World</h2>
  <p>This is a paragraph.</p>
);
@grid: 3 / 60vmin _1px;
background: #000;
@content: @raw(<b>@i</b>);
b {
  color: #fff;
  font-size: 2em;
}

See also