amend some issues and change texts

This commit is contained in:
María
2025-09-02 08:59:38 +02:00
committed by María
parent e5d470103f
commit 31fa587ea7
19 changed files with 116 additions and 60 deletions

View File

@@ -57,7 +57,7 @@
--spacing-21.8: 21.875rem; /* 350px */
--spacing-22.3: 22.313rem; /* 393px */
--spacing-25.6: 25.688rem; /* 411px */
--spacing-29: 29rem; /* 464px */
--spacing-29: 29rem; /* 464px */
--spacing-124.2: 31.063rem; /* 497px */
--spacing-44.8: 44.813rem; /* 717px */
@@ -72,7 +72,7 @@
/* Super desktop */
@media screen and (min-width: 1023px) {
:root {
--default-font-size: var(--font-size-lg); /* 18px */
--default-font-size: var(--font-size-base, 16px); /* 16px */
--layout-padding-x: 2rem; /* 32px */
--font-size-Hero: 48px;
@@ -92,7 +92,7 @@
/* Tablet */
@media screen and (max-width: 1023px) {
:root {
--default-font-size: var(--font-size-lg); /* 16px */
--default-font-size: var(--font-size-base); /* 16px */
--layout-padding-x: 1rem; /* 16px */
--font-size-Hero: 40px;
@@ -112,7 +112,7 @@
/* Mobile */
@media screen and (max-width: 640px) {
:root {
--default-font-size: var(--font-size-lg); /* 16px */
--default-font-size: var(--font-size-base); /* 16px */
--layout-padding-x: 0.5rem; /* 8px */
--font-size-Hero: 32px;
@@ -179,6 +179,12 @@ body {
background-color: var(--color-background-extra-light);
}
header {
position: sticky;
top: 0;
z-index: 20;
}
body footer {
position: sticky;
top: 100dvh;
@@ -208,7 +214,7 @@ h5 {
font-size: var(--font-size-H5);
}
.text-2xl {
.text-2xl-custom {
font-size: var(--font-size-2xl);
}
.text-lg {
@@ -220,7 +226,7 @@ h5 {
.text-sm {
font-size: var(--font-size-sm);
}
.text-xs {
.text-xs-custom {
font-size: var(--font-size-xs);
}
@@ -286,8 +292,32 @@ h5 {
}
.bg-gradient-conic-green {
background: conic-gradient(from 107deg at -2.61% 53.75%, 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),
background: conic-gradient(from 107deg at -2.61% 53.75%,
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-base {
background: conic-gradient(
from 77deg at -1.96% 72.58%,
var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 36.933538019657135deg,
var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 86.02115750312805deg,
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-base-gray {
background: conic-gradient(from 21deg at 104.89% 65.03%,
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;
}