.. Apm-brand-story-carrusel-contenedor {
Posición: relativa;
}
.. APM-Marca-Historia-carrusel-héroe-contenedor,
.. Apm-brand-story-carrusel-Hero-container> DIV {
Posición: absoluta;
Anchura: 100%;
}/*
Asegurando que el carrusel ocupa solo el espacio que necesita.
Los tamaños deben ajustarse nuevamente en los elementos absolutamente posicionados para que puedan ocupar espacio.
*/
.. APM-Marca-Historia-carrusel-contenedor,
.. Apm-brand-story-carrusel-héroe-contenedor {
Altura: 625px;
Anchura: 100%;
Ancho máximo: 1464px;
Margen izquierdo: automático;
Margen-derecho: auto;
Desbordamiento: oculto;
}
/*
Esto centra el carrusel verticalmente en la parte superior del contenedor de imágenes de héroe y después del área del logotipo (125px).
Margen-parte superior = (heroHeight-cardHeight-logoAreaHeight) / 2 + logoAreaHeight
*/
.. Apm-marca-historia-carrusel. Carrusel-fila-Interior {
Margen-superior: 149PX;
}
/*
Las tarjetas deben tener un ancho establecido, de lo contrario, el valor predeterminado es 50px más o menos.
Todas las tarjetas deben tener el mismo ancho. El carrusel se redimensionará para que todas las tarjetas tomen el ancho de la tarjeta más grande.
El margen izquierdo es para dejar un espacio entre cada tarjeta.
*/
.. Apm-marca-historia-carrusel. Tarjeta de carrusel
Ancho: 362px;
Margen izquierdo: ¡30px! Importante;
}
/* Estilizar los botones de navegación para que sean más altos, estén al ras de los lados y tengan un fondo blanco limpio */
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-left,
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-right {
Acolchado: 0px;
}
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-left. Imagen de un botón,
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-right. Botón-imagen {
Borde: ninguno;
Margen: 0px;
}
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-left. Imagen de un botón. Botón A-Interior,
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-right. Imagen de un botón. Botón-Interior {
Fondo: # FFF;
Acolchado: 20px 6px;
}
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-left. Imagen de un botón. Botón-Interior {
Borde-radio: 0px 4px 4px 0px;
}
.. Apm-marca-historia-carrusel. A-carousel-col.a-carousel-right. Imagen de un botón. Botón-Interior {
Borde-radio: 4px 0px 0px 4px;
}
Valoraciones
No hay valoraciones aún.