Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Translate css-modules.md #150

Merged
merged 1 commit into from
Nov 26, 2019
Merged

Translate css-modules.md #150

merged 1 commit into from
Nov 26, 2019

Conversation

algoritmau
Copy link
Contributor

Translated the css-modules.md documentation file. One small observation, though. I am not 100% sure about how accurate the translation of "Component-scoped CSS" is (I translated it to "CSS en ámbitos por componentes").

Copy link
Contributor

@gusma gusma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hola @spaceinvadev. Te dejé algunos comentarios por que me resta la duda de saber si deberíamos mantener CSS Modules como tal, es un sustantivo propio más que un sustantivo común (no es un termino común, es un complemento específico). Le he dejado el comentario a otros reviewers para ver como lo ven. Mientras, hay otras cosas como para ir viendo.

De todos modos ¡muy buen trabajo!

@@ -1,22 +1,22 @@
---
title: Component-Scoped Styles with CSS Modules
title: Estilos en Ámbito por Componentes con Módulos CSS
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmmmm no se si dejaría esto en el idioma original o si lo pondría como "Estilos con scope en Componentes con CSS Modules". ¿Qué opinan @xmartinezpujol @Darking360 @horacioh?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Creo que yo lo pondría como: Estilos isolados para componentes con Módulos CSS 🤔 @gusma @xmartinezpujol @horacioh @nucliweb

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

¿Cuál es la decisión final con respecto a la traducción de esto?

---

Component-scoped CSS allows you to write traditional, portable CSS with minimal side-effects: gone are the worries of selector name collisions or affecting other components' styles.
CSS en ámbito por componentes te permite escribir CSS tradicional y portátil con efectos secundarios mínimos: no tendrás que preocuparte por conflictos de nombres de selectores o por afectar los estilos de otros componentes.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Idem al comentario anterior. No me termina de cerrar "CSS en ámbito".

"efectos secundarios mínimos" => "mínimos efectos secundarios".


Gatsby works out of the box with [CSS Modules](https://github.com/css-modules/css-modules), a popular solution for writing component-scoped CSS. Here is an [example site that uses CSS Modules](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-css-modules).
Gatsby trabaja de manera creativa con los [módulos CSS](https://github.com/css-modules/css-modules), una solución popular para escribir CSS en ámbito por componentes. Aquí tenemos un [ejemplo de un sitio que usa módulos CSS](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-css-modules).
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dejaría CSS Modules como está sin traducirlo, ¿qué opinan @horacioh @Darking360 @xmartinezpujol ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

¿Se dejará "CSS Modules" sin traducir? Tengo este mismo concepto en otras dos páginas que estoy por traducir.


> A **CSS Module** is a CSS file in which all class names and animation names are scoped locally by default.
> Un **módulo CSS** es un archivo CSS, en el cual, todos los nombres de clases y animaciones están scoped localmente, por defecto.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"están scoped localmente" => capaz lo reemplazaría por un "clases y animaciones están en un scope local".


CSS Modules let you write styles in CSS files but consume them as JavaScript objects for additional processing and safety. CSS Modules are very popular because they automatically make class and animation names unique so you don't have to worry about selector name collisions.
Los módulos CSS te permiten escribir estilos en archivos CSS, utilizándolos como objetos JavaScript para procesamiento y seguridad adicionales. Los módulos CSS son muy populares porque, automáticamente, hacen que los nombres de clases y animaciones sean únicos para que no haya que preocuparse por conflictos de nombres de selectores.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"utilizándolos como objetos Javascript" => "pero los consume como objetos de JavaScript..."


Here's an example where the class name `container` is added to the DOM along with the module's dynamically-created class names:
Aquí tenemos un ejemplo donde el nombre de clase `container` se agrega al DOM junto con los nombres de clases del módulo, creados dinámicamente:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

DOM => DOM

@gusma gusma added the in review label Nov 4, 2019
@algoritmau algoritmau changed the title Translate css-modules.md documentation file Translate css-modules.md Nov 22, 2019
@Darking360 Darking360 merged commit e0dbf14 into gatsbyjs:master Nov 26, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants