hero-home component
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user