Files
landing_page/qdrant-landing/themes/qdrant-2024/assets/css/partials/_stars-hero.scss
T
nastyapashandtrean 21776375a9 [WIP] New Pages (#873)
* Add Partnerspage

* fix

* fix padding

* tablet get-started-small update

* Add Customers page

* incorparated site-header partial

* fix

* Add community page (#886)

* Add community page

* site-header partial on the comunity page

---------

Co-authored-by: trean <trean.mi@gmail.com>

* Add Brand-Resources and Subscribe pages (#930)

* add Brand resources page

* add Subscribe page

* Add Qdrant for startups page (#934)

* Add Qdrant for startups page

* improve accordion and link to the form

* fix

* Add Stars page (#890)

* Add Stars page

* site-header partial on the stars page

* overlay z-index fix

---------

Co-authored-by: trean <trean.mi@gmail.com>

* new pages content update and accompanying css and html changes (#943)

* new pages content update and accompanying css and html changes

* format, removed comment, fix

* fixes

* subscribe page hubspot form (#946)

* brand resources content (#947)

* Stars page content (#945)

* stars page content update

* stars images format, replaced stars hero image

* uncommented stars menu link

* update stats: github stars and discord members number

* photo

* stars content upd

* stars list update

* Startup program content (#961)

* startup program hubspot form

* form fixes

* another form, some fixes

* content upd

* stars

* temp build options for the startups program page

---------

Co-authored-by: trean <trean.mi@gmail.com>
2024-06-17 15:56:32 +02:00

74 lines
1.3 KiB
SCSS

@use '../helpers/functions' as *;
.stars-hero {
position: relative;
padding-top: $spacer * 2.5;
padding-bottom: $spacer * 5;
overflow: hidden;
background: url('/img/stars-pattern.png') $neutral-10;
&__title {
margin-bottom: $spacer * 1.5;
font-size: $spacer * 2.5;
line-height: $spacer * 3;
color: $neutral-98;
}
&__description {
margin-bottom: $spacer * 1.5;
font-size: rem(18);
line-height: rem(27);
color: $neutral-70;
}
&__preview {
position: relative;
margin-top: $spacer * 1.5;
z-index: 1;
img {
display: block;
width: 100%;
max-width: rem(480);
margin: 0 auto;
}
}
&__overlay {
position: absolute;
right: 0;
left: 0;
bottom: -24px;
width: 100%;
height: rem(200);
background-image: url('/img/blurred/blurred-light-12.svg');
background-position: center;
background-size: cover;
pointer-events: none;
}
@include media-breakpoint-up(lg) {
padding-top: $spacer * 5;
&__title {
font-size: $spacer * 4;
line-height: rem(76);
}
&__description {
font-size: rem(20);
line-height: rem(30);
}
&__preview {
position: relative;
margin-top: $spacer * 1.5;
z-index: 1;
img {
margin-right: 0;
}
}
}
}