studio-css-reset
Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.
Quellinformationen
- Repository
- remotion-dev/remotion
- Letzte Quellaktivität
- 23. September 2026 um 09:36
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 68.791
- Forks
- 5.622
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Datei-Explorer
2 DateienSKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- name
- studio-css-reset
- description
- Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.
# 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
.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
Do not rely on inheritance for a property in this reset. Each descendant receives its own reset value, so styling a parent alone will not style nested text or SVG shapes. Set the needed value on the element that renders it, or use a CSS selector that explicitly styles that descendant.
Auf GitHub ansehen