Files
landing_page/qdrant-landing/themes/qdrant-2024/assets/css/partials/_community-features.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

121 lines
2.0 KiB
SCSS

@use '../helpers/functions' as *;
@use '../mixins/mixins' as mixins;
.community-features {
padding-top: $spacer * 4;
padding-bottom: $spacer * 4;
background-color: $neutral-94;
&__title {
font-size: $spacer * 2.5;
line-height: $spacer * 3;
color: $neutral-20;
margin-bottom: $spacer * 2.5;
text-align: center;
}
&__resources-card {
padding-bottom: 0;
overflow: hidden;
&-title {
font-size: $spacer * 1.5;
line-height: rem(34);
color: $neutral-20;
margin-bottom: rem(12);
}
&-description {
color: $neutral-40;
margin-bottom: rem(12);
}
&-link {
@include mixins.link-color($neutral-20);
}
&-image {
width: 100%;
align-self: center;
margin-top: $spacer * 1.5;
}
}
&__resources-cards {
margin-bottom: rem(30);
& > div {
&:first-of-type,
&:last-of-type {
img {
min-width: rem(635);
}
}
&:nth-of-type(2),
&:nth-of-type(3) {
img {
min-width: rem(397);
}
}
}
}
&__card {
&-icon {
height: $spacer * 1.5;
width: $spacer * 1.5;
margin-bottom: $spacer * 1.5;
}
&-title {
font-size: $spacer * 1.5;
line-height: rem(34);
color: $neutral-20;
margin-bottom: $spacer;
}
&-description {
font-size: rem(14);
line-height: rem(21);
color: $neutral-40;
margin-bottom: $spacer * 1.5;
}
&-link {
@include mixins.link-color($neutral-20);
}
}
@include media-breakpoint-up(lg) {
padding-top: $spacer * 6.5;
padding-bottom: $spacer * 5;
&__title {
font-size: $spacer * 3.5;
line-height: rem(67);
margin-bottom: $spacer * 5;
}
&__resources-card {
justify-content: flex-start;
&-link {
margin-bottom: $spacer;
}
&-image {
margin-top: auto;
}
}
&__card {
justify-content: flex-start;
&-link {
margin-top: auto;
}
}
}
}