Skip to content

Commit

Permalink
Added unset tip
Browse files Browse the repository at this point in the history
  • Loading branch information
AllThingsSmitty committed Apr 24, 2018
1 parent a402da3 commit 66c171c
Showing 1 changed file with 49 additions and 20 deletions.
69 changes: 49 additions & 20 deletions translations/es-ES/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,26 +19,27 @@ Una colección de consejos para ayudarte a mejorar tus conocimientos profesional
## Consejos Profesionales

1. [Utilizar un CSS Reset](#utilizar-un-css-reset)
2. [Heredar `box-sizing`](#heredar-box-sizing)
3. [Usar `:not()` para Aplicar o Cancelar la aplicación de bordes en la navegación](#usar-not-para-aplicar-o-cancelar-la-aplicación-de-bordes-en-la-navegación)
4. [Añadir `line-height` al `body`](#añadir-line-height-al-body)
5. [Centrar cualquier cosa verticalmente](#centrar-cualquier-cosa-verticalmente)
6. [Listas separadas por comas](#listas-separadas-por-comas)
7. [Seleccionar elementos usando `nth-child` negativo](#seleccionar-elementos-usando-nth-child-negativo)
8. [Utilizar SVG para los íconos](#utilizar-svg-para-los-íconos)
9. [Utilizar la herramienta de selección "Búho lobotomizado"](#utilizar-la-herramienta-de-selección-búho-lobotomizado)
10. [Usar `max-height` para Sliders con CSS puro](#usar-max-height-para-sliders-con-css-puro)
11. [Celdas de tabla de igual ancho](#celdas-de-tabla-de-igual-ancho)
12. [Deshacerse de hacks para los márgenes en Flexbox](#deshacerse-de-hacks-para-los-márgenes-en-flexbox)
13. [Utilizar atributos como selectores en enlaces vacíos](#utilizar-atributos-como-selectores-en-enlaces-vacíos)
14. [Estilizar enlaces por defecto](#estilizar-enlaces-por-defecto)
15. [Ritmo vertical consistente](#ritmo-vertical-consistente)
16. [Cajas con proporciones intrínsecas](#cajas-con-proporciones-intrínsecas)
17. [Estilizar enlaces rotos a imágenes](#estilizar-enlaces-rotos-a-imágenes)
18. [Usar `rem` para tamaños globales; Usar `em` para tamaños locales](#usar-rem-para-tamaños-globales-usar-em-para-tamaños-locales)
19. [Esconder videos con reproducción automática que no estén silenciados](#esconder-videos-con-reproducción-automática-que-no-estén-silenciados)
20. [Utilizar `:root` para una tipografía flexible](#utilizar-root-para-una-tipografía-flexible)
21. [Definir `font-size` en los elementos de formulario para una mejor experiencia móvil](#definir-font-size-en-los-elementos-de-formulario-para-una-mejor-experiencia-móvil)
1. [Heredar `box-sizing`](#heredar-box-sizing)
1. [Utilice `unset` en lugar de restablecer todas las propiedades](#utilice-unset-en-lugar-de-restablecer-todas-las-propiedades)
1. [Usar `:not()` para Aplicar o Cancelar la aplicación de bordes en la navegación](#usar-not-para-aplicar-o-cancelar-la-aplicación-de-bordes-en-la-navegación)
1. [Añadir `line-height` al `body`](#añadir-line-height-al-body)
1. [Centrar cualquier cosa verticalmente](#centrar-cualquier-cosa-verticalmente)
1. [Listas separadas por comas](#listas-separadas-por-comas)
1. [Seleccionar elementos usando `nth-child` negativo](#seleccionar-elementos-usando-nth-child-negativo)
1. [Utilizar SVG para los íconos](#utilizar-svg-para-los-íconos)
1. [Utilizar la herramienta de selección "Búho lobotomizado"](#utilizar-la-herramienta-de-selección-búho-lobotomizado)
1. [Usar `max-height` para Sliders con CSS puro](#usar-max-height-para-sliders-con-css-puro)
1. [Celdas de tabla de igual ancho](#celdas-de-tabla-de-igual-ancho)
1. [Deshacerse de hacks para los márgenes en Flexbox](#deshacerse-de-hacks-para-los-márgenes-en-flexbox)
1. [Utilizar atributos como selectores en enlaces vacíos](#utilizar-atributos-como-selectores-en-enlaces-vacíos)
1. [Estilizar enlaces por defecto](#estilizar-enlaces-por-defecto)
1. [Ritmo vertical consistente](#ritmo-vertical-consistente)
1. [Cajas con proporciones intrínsecas](#cajas-con-proporciones-intrínsecas)
1. [Estilizar enlaces rotos a imágenes](#estilizar-enlaces-rotos-a-imágenes)
1. [Usar `rem` para tamaños globales; Usar `em` para tamaños locales](#usar-rem-para-tamaños-globales-usar-em-para-tamaños-locales)
1. [Esconder videos con reproducción automática que no estén silenciados](#esconder-videos-con-reproducción-automática-que-no-estén-silenciados)
1. [Utilizar `:root` para una tipografía flexible](#utilizar-root-para-una-tipografía-flexible)
1. [Definir `font-size` en los elementos de formulario para una mejor experiencia móvil](#definir-font-size-en-los-elementos-de-formulario-para-una-mejor-experiencia-móvil)


### Utilizar un CSS Reset
Expand Down Expand Up @@ -81,6 +82,34 @@ Esto hace que sea más fácil cambiar `box-sizing` en plugins u otros componente
<sup>[volver al índice de contenidos](#tabla-de-contenido)</sup>


### Utilice `unset` en lugar de restablecer todas las propiedades

Al restablecer las propiedades de un elemento, no es necesario restablecer cada propiedad individual:

```css
button {
background: none;
border: none;
color: inherit;
font: inherit;
outline: none;
padding: 0;
}
```

Puede especificar todas las propiedades de un elemento usando la taquigrafía `all`. Establecer el valor a `unset` cambia las propiedades de un elemento a sus valores iniciales.

```css
button {
all: unset;
}
```

**Nota:** la taquigrafía `all` no es compatible con IE11 y actualmente está bajo consideración para soporte en Edge. `unset` no es compatible con IE11.

<sup>[volver al índice de contenidos](#tabla-de-contenido)</sup>


### Usar `:not()` para Aplicar o Cancelar la aplicación de bordes en la navegación

En lugar de poner en el borde...
Expand Down

0 comments on commit 66c171c

Please sign in to comment.