what-is and tools sections
This commit is contained in:
@@ -38,19 +38,20 @@
|
||||
/* Font sizes */
|
||||
--text-5.5: 1.375rem; /* 22px */
|
||||
--text-8: 2rem; /* 32px */
|
||||
--text-32: 2rem; /* 32px */
|
||||
--text-40: 2.5rem; /* 40px */
|
||||
|
||||
/* Shadow */
|
||||
--shadow-button: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
|
||||
--shadow-tool-card: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
|
||||
|
||||
/* Spacing */
|
||||
--spacing-32: 2rem; /* 32px */
|
||||
--spacing-10.2: 10.25rem; /* 164px */
|
||||
--spacing-21.8: 21.875rem; /* 350px */
|
||||
--spacing-25.6: 25.688rem; /* 411px */
|
||||
--spacing-44.8: 44.813rem; /* 717px */
|
||||
|
||||
/* Font sizes */
|
||||
--text-32: 2rem; /* 32px */
|
||||
--text-40: 2.5rem; /* 40px */
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -174,11 +175,6 @@ body footer {
|
||||
top: 100dvh;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 var(--layout-padding-x, 2rem);
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
@@ -197,5 +193,30 @@ html {
|
||||
}
|
||||
|
||||
.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);
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user