mol-nArchivo para normalizar los estilos entre los distintos navegadores y controlar los estilos generales por default.

_vars.scss

$m-font-family: sans-serif;
$m-font-size: 16px;
$m-font-weight: 400;
$m-letter-spacing: normal;
$m-line-height: 1.5em;

$m-code-family: monospace;

$m-em-family: serif;

$m-h-family: sans-serif;
$m-h-size: 23px;
$m-h-height: 1em;
$m-h-spacing: normal;
$m-h-weight: 600;
$m-h-style: normal;
$m-h-transform: none;

$m-colors: (
  "background": #FFF,
  "font": #292321,
  "primary": #19efaf
);

$m-queries: (
  "phone": (
    "since": 320px,
    "until": 767px,
  ),
  "tablet": (
    "since": 768px,
    "until": 1024px,
  ),
  "laptop": (
    "since": 1025px,
    "until": 1599.99px,
  ),
  "desktop": (
    "since": 1600px,
    "until": 99999px,
  )
);

_normalize.scss

* media query en el celular los títulos son mas pequeños, a partir de la resolucion para tablets se muestran más grandes, a excepción del <h6> que tiene el mismo tamaño en ambos.

* h1

* h2

* h3

* h4

* h5

* h6

Parrafo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus velit nulla, code scelerisque quis aliquam eget, rhoncus tincidunt lacus. Aliquam blandit est lacinia fringilla pulvinar. Morbi sodales eros leo, sed ultrices nunc rutrum et. Morbi at magna ante. Pellentesque tincidunt lectus a pharetra sodales. Phasellus ullamcorper elementum metus, ut consectetur libero lobortis eget. Nam mattis eros in ante tristique dignissim. Mauris elementum tempus dolor, eu luctus dolor consequat ac. Nullam et libero ac nibh rutrum faucibus quis gravida lectus.

bold strong small normal italica normal abreviación insertado eliminado definición _sub normal ^sup énfasis cita cita

cita larga Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus velit nulla, scelerisque quis aliquam eget, rhoncus tincidunt lacus. Aliquam blandit est lacinia fringilla pulvinar. Morbi sodales eros leo, sed ultrices nunc rutrum et. Morbi at magna ante. Pellentesque tincidunt lectus a pharetra sodales. Phasellus ullamcorper elementum metus, ut consectetur libero lobortis eget. Nam mattis eros in ante tristique dignissim. Mauris elementum tempus dolor, eu luctus dolor consequat ac. Nullam et libero ac nibh rutrum faucibus quis gravida lectus.

texto preformateado

code kbd entrada de teclado samp muestra de salida var variable mark texto marcado

link j link.hover g

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Utj enimp adq minimg veniamy, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Select option 1 option 2 group 1 group 2

Checkbox
Radio

button button.hover button.active

description list

dd description

dt term

dd description

• unordered list
• li
• li
  • ul li
  • li

1. ordered list
2. li
   1. ol li
   2. li