kit-eco.social/landing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

text-with-image adapt to new design

Browse Source
This commit is contained in:
María
2025-07-31 11:44:14 +02:00
committed by María
parent b1b41c1f9b
commit 86d77c3e48
10 changed files with 248 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
assets/css/main.css
View File

@@ -49,8 +49,10 @@
--spacing-32: 2rem; /* 32px */
--spacing-10.2: 10.25rem; /* 164px */
--spacing-20.1: 20.168rem; /* 322px */
--spacing-20.9: 20.938rem; /* 335px */
--spacing-21.8: 21.875rem; /* 350px */
--spacing-25.6: 25.688rem; /* 411px */
--spacing-124.2: 31.063rem; /* 497px */
--spacing-44.8: 44.813rem; /* 717px */
}
@@ -233,31 +235,46 @@ h5 {
var(--Background--bg-light, #F9F4F2);
}
.bg-gradient-conic-hero {
background: conic-gradient(
from 290deg at 10% 35%,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 0deg,
var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 90deg,
var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 180deg,
var(--Color-base--color-ods-base, rgba(57, 182, 137, 0.10)) 270deg,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 360deg
);
background-color: var(--Background--bg-light, #f9f4f2);
background-repeat: no-repeat;
background-size: cover;
}
.bg-gradient-conic-2 {
min-height: 100%;
background: conic-gradient(
from 241deg at 50% -18.57%,
rgba(202, 240, 63, 0.10) 0deg,
rgba(242, 140, 140, 0.10) 90deg,
rgba(92, 170, 204, 0.10) 180deg,
rgba(57, 182, 137, 0.10) 270deg,
rgba(202, 240, 63, 0.10) 360deg
);
background-color: #f9f4f2;
background-repeat: no-repeat;
background-size: cover;
min-height: 100%;
background: conic-gradient(
from 241deg at 50% -18.57%,
rgba(202, 240, 63, 0.10) 0deg,
rgba(242, 140, 140, 0.10) 90deg,
rgba(92, 170, 204, 0.10) 180deg,
rgba(57, 182, 137, 0.10) 270deg,
rgba(202, 240, 63, 0.10) 360deg
);
background-color: #f9f4f2;
background-repeat: no-repeat;
background-size: cover;
}
.bg-gradient-conic-3 {
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);
background-repeat: no-repeat;
background-size: cover;
}
.bg-gradient-conic-hero {
background: conic-gradient(
from 290deg at 10% 35%,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 0deg,
var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 90deg,
var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 180deg,
var(--Color-base--color-ods-base, rgba(57, 182, 137, 0.10)) 270deg,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 360deg
);
background-color: var(--Background--bg-light, #f9f4f2);
background-repeat: no-repeat;
background-size: cover;
}
.bg-gradient-conic-cards {
background: conic-gradient(from 185deg at 9.57% 56.1%, var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.05)) 53.653846979141235deg, var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.05)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.05)) 233.65383625030518deg, rgba(57, 182, 137, 0.05) 304.61538791656494deg),
var(--Background--bg-light, #F9F4F2);
background-repeat: no-repeat;
background-size: cover;
}