studio-css-reset
Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.
Informações da origem
- Repositório
- remotion-dev/remotion
- Última atividade na origem
- 23 de setembro de 2026 às 09:36
- Idioma detectado do SKILL.md
- inglês
- Estrelas
- 67.469
- Forks
- 5.444
Opções de instalação
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Revise os arquivos de origem
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Explorador de arquivos
2 arquivosExibindo SKILL.md
SKILL.md
Instruções da origem · Visualização somente leitura- 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.
Ver no GitHub