/ *! normalize.css v4.1.1 | Licencia MIT | github.com/necolas/normalize.css * /
/ **
* 1. Cambie la familia de fuentes predeterminada en todos los navegadores (con opiniones).
* 2. Evitar ajustes de tamaño de fuente después de cambios de orientación en IE e iOS.
* /
html {
font-family: sans-serif; / * 1 * /
-ms-text-size-ajustar: 100%; / * 2 * /
-webkit-text-size-ajustar: 100%; / * 2 * /
}
/ **
* Eliminar el margen en todos los navegadores (con opiniones).
* /
cuerpo {
margen: 0;
}
/ * Definiciones de visualización HTML5
============================================ ============================== * /
/ **
* Agregue la pantalla correcta en IE 9-.
* 1. Agregue la pantalla correcta en Edge, IE y Firefox.
* 2. Agregue la visualización correcta en IE.
* /
artículo,
aparte,
detalles, / * 1 * /
figcaption,
figura,
pie de página,
encabezado,
principal, / * 2 * /
menu,
nav,
sección,
resumen {/ * 1 * /
display: block;
}
/ **
* Agregue la visualización correcta en IE 9-.
* /
audio,
lienzo,
progreso,
video {
pantalla: bloque en línea;
}
/ **
* Agregue la pantalla correcta en iOS 4-7.
* /
audio: not ([controles]) {
display: none;
altura: 0;
}
color de fondo: transparente; / * 1 * /
/ **
* Agregue la alineación vertical correcta en Chrome, Firefox y Opera.
* /
progress {
vertical-align: baseline;
}
/ **
* Agregue la visualización correcta en IE 10-.
* 1. Agregue la visualización correcta en IE.
* /
template, / * 1 * /
[oculto] {
display: none;
}
/ * Enlaces
============================================== ============================ * /
/ **
* 1. Elimine el fondo gris en los enlaces activos en IE 10.
* 2. Elimine las brechas en los enlaces subrayados en iOS 8+ y Safari 8+.
* /
a {
-webkit-text-decoration-skip: objetos; / * 2 * /
}
/ **
* Eliminar el esquema en los enlaces enfocados cuando también están activos o suspendidos
* en todos los navegadores (con opiniones).
* /
a: active,
a: hover {
outline-width: 0;
}
/ * Semántica a nivel de texto
=========================================== =============================== * /
/ **
* 1. Quite el borde inferior en Firefox 39-.
* 2. Agregue la decoración de texto correcta en Chrome, Edge, IE, Opera y Safari.
* /
abbr [título] {
border-bottom: none; / * 1 * /
text-decoration: subrayado; / * 2 * /
text-decoration: subrayado punteado; / * 2 * /
}
/ **
* Evite la aplicación duplicada de `bolder` por la siguiente regla en Safari 6.
/ **
* /
b,
fuerte {
font-weight: heredar;
}
/ **
* Agregue el peso de fuente correcto en Chrome, Edge y Safari.
* /
b,
fuerte {
font-weight: negrita;
}
/ **
* Agregue el estilo de fuente correcto en Android 4.3-.
* /
dfn {
font-style: italic;
}
/ **
* Corrija el tamaño y el margen de la fuente en los elementos `h1` dentro de los contextos` section` y
* `article` en Chrome, Firefox y Safari.
* /
h1 {
font-size: 2em;
margen: 0.67em 0;
}
mark {
* Agregue el fondo y el color correctos en IE 9-.
* /
background-color: # ff0;
color: # 000;
}
/ **
* Agregue el tamaño de fuente correcto en todos los navegadores.
* /
small {
font-size: 80%;
}
/ **
* Evita que los elementos `sub` y` sup` afecten la altura de la línea en
* todos los navegadores.
* /
sub,
sup {
tamaño de fuente: 75%;
altura de línea: 0;
posición: relativa;
alineación vertical: línea de base;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/ * Contenido incrustado
================================================= ========================= * /
/ **
* Eliminar el borde de las imágenes dentro de los enlaces en IE 10-.
* /
img {
estilo de borde: ninguno;
}
/ **
* Ocultar el desbordamiento en IE.
* /
svg: not (: root) {
desbordamiento: oculto;
}
/ * Contenido de agrupación
============================================= ============================= * /
/ **
* 1. Corrija la herencia y la escala del tamaño de fuente en todos los navegadores.
* 2. Corrija el tamaño de fuente impar `em` en todos los navegadores.
* /
code,
kbd,
pre,
samp {
font-family: monospace, monospace; / * 1 * /
font-size: 1em; / * 2 * /
}
/ **
* Agregue el margen correcto en IE 8.
* /
figure {
margin: 1em 40px;
}
/ **
* 1. Agregue el tamaño correcto del cuadro en Firefox.
* 2. Mostrar el desbordamiento en Edge e IE.
* /
hr {
box-sizing: content-box; / * 1 * /
altura: 0; / * 1 * /
desbordamiento: visible; / * 2 * /
}
/ * Forms
========================================= ================================= * /
/ **
* 1. Cambie las propiedades de fuente a `heredar` en todos navegadores (con opiniones).
* 2. Eliminar el margen en Firefox y Safari.
* /
botón,
entrada,
seleccionar,
textarea {
font: heredar; / * 1 * /
margen: 0; / * 2 * /
}
/ **
* Restaurar el peso de la fuente sin establecer por la regla anterior.
* /
optgroup {
font-weight: bold;
}
/ **
* Muestra el desbordamiento en IE.
* 1. Mostrar el desbordamiento en Edge.
* /
botón,
entrada {/ * 1 * /
desbordamiento: visible;
}
/ **
* Eliminar la herencia de transformación de texto en Edge, Firefox e IE.
* 1. Eliminar la herencia de la transformación de texto en Firefox.
* /
botón,
seleccione {/ * 1 * /
text-transform: none;
}
/ **
* 1. Evita un error de WebKit donde (2) destruye los controles nativos de `audio` y` video`
* en Android 4.
* 2. Corrija la incapacidad de diseñar tipos clicables en iOS y Safari.
* /
button,
html [type = "button"], / * 1 * /
[type = "reset"],
[type = "submit"] {
-webkit-apariencia: botón; / * 2 * /
}
/ **
* Elimina el borde interno y el relleno en Firefox.
* /
button :: - moz-focus-inner,
[type = "button"] :: - moz-focus-inner,
[type = "reset"] :: - moz-focus-inner,
[type = "submit" ] :: - moz-focus-inner {
estilo de borde: ninguno;
relleno: 0;
}
/ **
* Restaurar los estilos de foco sin establecer por la regla anterior.
botón: -moz-focusring,
[type = "button"]:
[type = "reset"]: - moz-focusring,
[type = "submit"]: - moz-focusring {
esquema: 1px ButtonText punteado;
}
/ **
* Cambiar el borde, el margen y el relleno en todos los navegadores (con opiniones).
* /
fieldset {
border: 1px solid # c0c0c0;
margen: 0 2px;
relleno: 0.35em 0.625em 0.75em;
}
/ **
* 1. Corrija el ajuste de texto en Edge e IE.
* 2. Corrija la herencia de color de los elementos `fieldset` en IE.
* 3. Elimine el relleno para que los desarrolladores no queden atrapados cuando ponen a cero
* los elementos `fieldset` en todos los navegadores.
* /
legend {
box-sizing: border-box; / * 1 * /
color: heredar; / * 2 * /
display: tabla; / * 1 * /
ancho máximo: 100%; / * 1 * /
relleno: 0; / * 3 * /
espacio en blanco: normal; / * 1 * /
}
/ **
* Eliminar la barra de desplazamiento vertical predeterminada en IE.
* /
textarea {
desbordamiento: auto;
}
/ **
* 1. Agregue el tamaño correcto del cuadro en IE 10-.
* 2. Eliminar el relleno en IE 10-.
* /
[type = "checkbox"],
[type = "radio"] {
box-sizing: border-box; / * 1 * /
relleno: 0; / * 2 * /
}
/ **
* Corrija el estilo de cursor de los botones de incremento y decremento en Chrome.
* /
[type = "number"] :: - webkit-inner-spin-button,
[type = "number"] :: - webkit-external-spin-button {
height: auto;
}
/ **
* 1. Corrija la apariencia extraña en Chrome y Safari.
* 2. Corrija el estilo de contorno en Safari.
* /
[type = "search"] {
-webkit-apariencia: campo de texto; / * 1 * /
outline-offset: -2px; / * 2 * /
}
/ **
* Retire el relleno interno y los botones de cancelación en Chrome y Safari en OS X.
* /
[type = "search"] :: - webkit-search-cancel-button,
[type = "search "] :: - webkit-search-decoration {
-webkit-aparición: ninguno;
}
/ **
* Corrija el estilo de texto de los marcadores de posición en Chrome, Edge y Safari.
* /
:: - webkit-input-placeholder {
color: heredar;
opacidad: 0,54;
}
/ **
* 1. Corrija la imposibilidad de diseñar tipos clicables en iOS y Safari.
* 2. Cambie las propiedades de fuente a `heredar` en Safari.
* /
:: - webkit-file-upload-button {
-webkit-apariencia: botón; / * 1 * /
font: heredar; / * 2 * /
