studio-css-reset

Studio CSS reset

Studio uses .css-reset containers to limit the effect of user styles on its UI. The bundler injects this rule in packages/bundler/src/setup-environment.ts:

.css-reset, .css-reset * {
  font-size: 16px;
  line-height: 1.5;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  background: transparent;
  box-sizing: border-box;
}

The rule applies to each reset container and every descendant, but only to the properties shown. It does not cover elements outside those containers or prevent a stronger user CSS rule from winning.

Must-follow rule