hero-home component

This commit is contained in:
María
2025-07-30 09:40:05 +02:00
committed by María
parent aa554907d4
commit 5b176816f6
6 changed files with 87 additions and 29 deletions

View File

@@ -41,6 +41,16 @@
/* Shadow */
--shadow-button: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
/* Spacing */
--spacing-32: 2rem; /* 32px */
--spacing-25.6: 25.688rem; /* 411px */
--spacing-44.8: 44.813rem; /* 717px */
/* Font sizes */
--text-32: 2rem; /* 32px */
--text-40: 2.5rem; /* 40px */
}
@@ -164,22 +174,15 @@ body footer {
top: 100dvh;
}
header, main {
margin: 0 var(--layout-padding-x, 32px);
body {
margin: 0 var(--layout-padding-x, 2rem);
}
html {
scroll-behavior: smooth;
}
.min-h-screen-header {
min-height: calc(100dvh - 15rem);
}
.max-h-sidebar {
max-height: calc(100dvh - 8rem);
}
.body-overflow-hidden {
overflow: hidden;
}
@@ -191,4 +194,8 @@ html {
var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg,
var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg),
var(--Background--bg-light, #F9F4F2);
}
}
.bg-gradient-conic-hero {
background: conic-gradient(from 185deg at 9.57% 56.1%, var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 53.653846979141235deg, var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg), var(--Background--bg-light, #F9F4F2);
}