-
Componentes
-
Módulos
-
Tipos de visualización
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. Por tanto, no hay fragmento específico seleccionable desde el panel.
Se usarán las cases descritas a continuación, junto a la clase .comp-gradient-bg.
Variantes
A continuación mostramos sus variantes:
- .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
- .comp-gradient-bg--diagonal-top
- .comp-gradient-bg--diagonal-top--dark
- .comp-gradient-bg--diagonal-bottom
- .comp-gradient-bg--diagonal-bottom--dark
- .comp-gradient-bg--red
- .comp-gradient-bg--dark
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