ourworld_web/www_circl
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add home secton 78

Browse Source
This commit is contained in:
sasha-astiadi
2025-05-02 17:32:57 +02:00
parent a8a91f15b2
commit 2a7881f5f4
10 changed files with 113 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
dist/output.css vendored
View File

@@ -984,11 +984,6 @@ body:is(.dark *) {
margin-right: auto;
}
.my-24 {
margin-top: 6rem;
margin-bottom: 6rem;
}
.mb-12 {
margin-bottom: 3rem;
}
@@ -1049,6 +1044,10 @@ body:is(.dark *) {
min-height: 500px;
}
.min-h-\[600px\] {
min-height: 600px;
}
.min-h-\[800px\] {
min-height: 800px;
}
@@ -1185,12 +1184,27 @@ body:is(.dark *) {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-black\/20 {
--tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80 {
--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black\/10 {
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/70 {
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -1200,6 +1214,10 @@ body:is(.dark *) {
--tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
background-size: cover;
}
@@ -1238,14 +1256,6 @@ body:is(.dark *) {
padding-bottom: 2rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pt-24 {
padding-top: 6rem;
}
.text-left {
text-align: left;
}
@@ -1293,6 +1303,12 @@ body:is(.dark *) {
opacity: 0.95;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -1311,10 +1327,20 @@ body:is(.dark *) {
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.delay-200 {
transition-delay: 200ms;
}
.duration-500 {
transition-duration: 500ms;
}
.fade-up {
opacity: 0;
transform: translateY(30px);
@@ -1354,6 +1380,29 @@ body:is(.dark *) {
transform: translateX(0);
}
.connector-text {
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.connector-text {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:text-gray-300:hover {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));