Guía de estilo

Rúbricas globales

H1

Rúbrica

H2

Rúbrica

H3

Rúbrica

H4

Rúbrica

H5
Rúbrica
H6
Rúbrica

Tamaños de las rúbricas

dirección-xhuge

Rumbo-xhuge

encabezamiento-enorme

Enorme

rúbrica-xlarge

Encabezamiento-grande

rúbrica-grande

Rúbrica grande

rúbrica-media

Rumbo-medio

rúbrica-pequeña

Rúbrica-pequeña

rúbrica-xpequeña

Rúbrica-xpequeña

heading-bantha

Rúbrica-bantha

heading-wampa

Rúbrica-xpequeña

Tamaños de texto

text-size-large
Phaesellus a nulla in neque lacinia posuere.
tamaño-texto-medio
Phaesellus a nulla in neque lacinia posuere.
text-size-small
Phaesellus a nulla in neque lacinia posuere.
text-size-tiny
Phaesellus a nulla in neque lacinia posuere.

Pesos del texto

texto-peso-negrita
Phaesellus a nulla in neque lacinia posuere.
text-weight-medium
Phaesellus a nulla in neque lacinia posuere.
text-weight-normal
Phaesellus a nulla in neque lacinia posuere.
text-weight-light
Phaesellus a nulla in neque lacinia posuere.

Estilos de texto

text-style-italic
Phaesellus a nulla in neque lacinia posuere.
text-style-strikethrough
Phaesellus a nulla in neque lacinia posuere.
texto-estilo-silenciado
Phaesellus a nulla in neque lacinia posuere.
text-style-quote
Cita en bloque
text-style-allcaps
Phaesellus a nulla in neque lacinia posuere.
text-style-nowrap
Phaesellus a nulla in neque lacinia posuere.

Colores del texto

text-color-lightgrey
Phaesellus a nulla in neque lacinia posuere.
texto-color-negro
Phaesellus a nulla in neque lacinia posuere.
texto-color-blanco
Phaesellus a nulla in neque lacinia posuere.
texto-color-gris
Phaesellus a nulla in neque lacinia posuere.

Alineación del texto

text-align-left
Phaesellus a nulla in neque lacinia posuere.
text-align-center
Phaesellus a nulla in neque lacinia posuere.
text-align-right
Phaesellus a nulla in neque lacinia posuere.

Texto enriquecido

texto-rico-texto

Encabezamiento de texto enriquecido

Encabezamiento de texto enriquecido

Encabezamiento de texto enriquecido

Encabezamiento de texto enriquecido

Encabezamiento de texto enriquecido

Encabezamiento de texto enriquecido

cita

enlace

  • elemento de lista
  • elemento de lista

El elemento de texto enriquecido le permite crear y dar formato a encabezados, párrafos, citas en bloque, imágenes y vídeo, todo en un mismo lugar en lugar de tener que añadirlos y darles formato individualmente. Haz doble clic y crea contenido fácilmente.

Marcador de posición gris

¿Qué es un elemento de texto enriquecido?

Edición de contenidos estáticos y dinámicos

esto es algo que es un enlace

Colores

background-color-red-purple
#a63086 - fondo y texto resaltado
background-color-med-purple
#4d008c - fondo
background-color-dark-purple
#300057 - fondo
background-color-darkest-purple
#1a012e - texto
fondo-color-negro
#000000 - fondo
color de fondo blanco
#ffffff - fondo y texto
background-color-eggshell
#fafafa - fondo

Botones

botón
Botón
botón is-reversed
Texto del botón
botón_relleno
Texto del botón

Ejemplo de formulario

ejemplo de formulario
¡Gracias por suscribirte! Mantente atento a tu bandeja de entrada para recibir las últimas noticias de Lexie. :)
Ups! Algo salió mal al enviar el formulario.

Iconos sociales

facebook
instagram
youtube

Márgenes

Clases de dirección

margin-bottom
margin-top
margen-vertical
margen-horizontal
margin-left
margen-derecha

Clases de tamaño

margen-0
margin-tiny
margin-xxsmall
margin-xsmall
margen-pequeño
margen-medio
margin-large
margin-xlarge
margin-xxlarge
margen-grande
margin-xhuge
margin-xxhuge
margen-personalizado1
margen-personalizado2
margen-personalizado3

Rellenos

Clases de dirección

padding-bottom
padding-top
acolchado-vertical
padding-horizontal
padding-left
padding-right

Clases de tamaño

acolchado-0
padding-tiny
acolchado-xxpequeño
acolchado-xpequeño
acolchado-pequeño
acolchado-medio
padding-large
acolchado-grande
acolchado-xxlarge
acolchado-enorme
acolchado-xhuge
acolchado-xxhuge
acolchado-personalizado1
acolchado-personalizado2
acolchado-personalizado3

Anchuras máximas

max-width-full
max-width-full-tablet
max-width-full-mobile-portrait
max-width-full-mobile-landscape
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall