mirror of
https://github.com/remvze/moodist.git
synced 2026-04-25 10:29:58 -04:00
40 lines
868 B
CSS
40 lines
868 B
CSS
.about {
|
|
& .effect {
|
|
position: sticky;
|
|
top: 0;
|
|
height: 80px;
|
|
background: linear-gradient(var(--color-neutral-50), transparent);
|
|
}
|
|
|
|
& .paragraph {
|
|
padding: 30px 0;
|
|
background: linear-gradient(
|
|
transparent,
|
|
var(--color-neutral-50) 10%,
|
|
var(--color-neutral-50) 90%,
|
|
transparent
|
|
);
|
|
|
|
& .counter {
|
|
width: max-content;
|
|
padding: 6px 16px;
|
|
margin-bottom: 12px;
|
|
font-size: var(--font-xsm);
|
|
color: var(--color-foreground-subtle);
|
|
background: linear-gradient(var(--color-neutral-100), transparent);
|
|
border: 1px solid var(--color-neutral-300);
|
|
border-radius: 20px 20px 20px 8px;
|
|
|
|
& span {
|
|
font-weight: 500;
|
|
color: var(--color-foreground);
|
|
}
|
|
}
|
|
|
|
& .desc {
|
|
line-height: 1.6;
|
|
color: var(--color-foreground-subtle);
|
|
}
|
|
}
|
|
}
|