v1.90.0

Tipografía

El Kit digital UC incluye valores por defecto para los principales formatos de texto ordenados por relevancia semántica. Además se disponibilizan clases entre .h1 y .h6 para usar los mismos estilos en otros elementos de texto.
La escala tipográfica está definida en ems en base a 16px.

Escala tipográfica

Ejemplo Código
h1

Título 1er nivel

 
<h1>Título 1er nivel</h1>
h2

Título 2do nivel

 
<h2>Título 2do nivel</h2>
h3

Título 3er nivel

 
<h3>Título 3er nivel</h3>
h4

Título 4to nivel

 
<h4>Título 4to nivel</h4>
h5
Título 5to nivel
 
<h5>Título 5to nivel</h5>
h6
Título 6to nivel
 
<h6>Título 6to nivel</h6>
p

Body

 
<p>Body</p>
a

Body link

 
<a href="#" class="link-inline">Body link</a>
p large

Body Blog

 
<p class="p-size--lg">Body Blog</p>
p small

Body Pequeño

 
<p class="p-size--sm">Body Blog</p>
span Subtítulo 
<span class="uc-subtitle">Subtítulo</span>
Usos alternativos
Ejemplo Código
p xl bold

Bajada Blog 

<p class="p-size--xl text-weight--bold">Bajada Blog</p>
p condensed

Body condensado 

<p class="p-text--condensed p-color--gray">Body condensado</p>
p small extended

Body Pequeño extendido 

<p class="p-size--sm p-text--extended text-weight--medium">Body Pequeño extendido</p>
subtitle extra subtítulo extendido 
<span class="uc-subtitle subtitle-extended">subtítulo extendido</span>

Estilos de Cita

Ejemplo Código
Quote xl
Cita Blog
 
<div class="uc-quote quote-lg">Cita Blog</div>
Quote
Cita Normal
 
<div class="uc-quote">Cita Normal</div>