80 lines
1.6 KiB
CSS
80 lines
1.6 KiB
CSS
/*
|
|
* Este archivo es parte de Nabu.
|
|
*
|
|
* Nabu es software libre: puedes redistribuirlo y/o modificarlo
|
|
* bajo los términos de la Licencia Pública General de GNU Affero publicada por
|
|
* la Free Software Foundation, ya sea la versión 3 de la Licencia, o
|
|
* (a su elección) cualquier versión posterior.
|
|
*
|
|
* Nabu se distribuye con la esperanza de que sea de utilidad,
|
|
* pero SIN NINGUNA GARANTÍA; incluso sin la garantía implícita de
|
|
* COMERCIABILIDAD o APTITUD PARA UN PROPÓSITO PARTICULAR. Consulte la
|
|
* Licencia Pública General de GNU Affero para obtener más detalles.
|
|
*
|
|
* Debería haber recibido una copia de la Licencia Pública General de GNU Affero
|
|
* junto con este programa. De lo contrario, consulte <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/* Estilos del header */
|
|
|
|
.hero {
|
|
margin-top: 20px;
|
|
flex-direction: row-reverse;
|
|
text-align: initial;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.hero__img-wrapper {
|
|
flex-basis: 40%;
|
|
max-width: 400px;
|
|
margin: 0;
|
|
}
|
|
|
|
.hero__text-container {
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
.hero__CTA {
|
|
margin: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.hero__secundary-CTA {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.hero__button {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Estilos de la sección de los posts más recientes */
|
|
|
|
.recent__posts {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.recent-posts__title {
|
|
font-size: 2.6rem;
|
|
}
|
|
|
|
.recent-cards__container {
|
|
grid-template-columns: repeat(auto-fit,minmax(288px, 1fr));
|
|
gap: 30px 10px;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.recent-cards__container > .card {
|
|
width: 300px;
|
|
}
|
|
/* Estilos para el CTA */
|
|
|
|
.CTA__title {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.CTA__button {
|
|
width: 40%;
|
|
}
|