Tessera

Appearance

T2106: Invalid style syntax ​

Cause ​

The <style> block is not valid CSS the compiler can read.

Example ​

xml
<contract>
{ "name": "Card", "role": "group", "parts": ["root"] }
</contract>
<template><div class="root"></div></template>
<style>
.root { padding: $space.2;
</style>

What you see ​

text
ERROR  T2106  app/components/Card.tess:7:1
  Invalid style: A "{" is never closed.
  Run `tessera explain T2106` for details.

Fix ​

Fix the syntax the message points at (an unclosed brace, a missing value).

All errors and warnings