Capa degradada

El propósito de este componente es superponerlo sobre las imágenes para aumentar el contraste entre texto y fondo. Su posición y dirección está condicionado por la posición del texto.

Este elemento se usa en diferentes componentes, nunca se usará de forma independiente. Luego, no hay fragmento especifico selecionable desde el panel.

Se usarán las cases descritas a continuacion, junto a la clase: .comp-gradient-bg.

Variantes

A continuación mostramos sus variantes.

Diagonal

.comp-gradient-bg--diagonal-left-top

.comp-gradient-bg--diagonal-left-top--dark

.comp-gradient-bg--diagonal-right-top

.comp-gradient-bg--diagonal-right-top--dark

.comp-gradient-bg--diagonal-left-bottom

.comp-gradient-bg--diagonal-left-bottom--dark

.comp-gradient-bg--diagonal-right-bottom

.comp-gradient-bg--diagonal-right-bottom--dark

Vertical

.comp-gradient-bg--top

.comp-gradient-bg--top--dark

.comp-gradient-bg--bottom

.comp-gradient-bg--bottom--dark

Capa roja

.comp-gradient-bg--red

Capa Oscura

.comp-gradient-bg--dark