Hoja de estilos

Sistema de Diseño - UERRE (Type + color + margin + aling)

Label Base

Label - Lorem ipsum dolor sit amet

Content Base

Content - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subtitle Base

Subtitle - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Base

Title - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title Base | Hero

Title - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Double Size Title | Hero

Title - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x1 (8px | 6px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x2 (16px | 12px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x3 (24px | 18px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x4 (32px | 24px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x5 (40px | 30px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Animaciones de Texto

Slide in from bottom - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Flip in from bottom - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x3 (24px | 18px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x4 (32px | 24px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Espaciados de texto

Espacio x5 (40px | 30px) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Left - text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Center - text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Right - text aligment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Z - index

Z index (+5) - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TABLETA - Left text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TABLETA - Center text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TABLETA - Right text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile- Left text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile- Center text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile- Right text alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ALL CAPS - Texto