Files
landing_page/qdrant-landing/themes/qdrant-2024/assets/css/partials/_advanced-search-use-cases.scss
T
nastyapashandtrean 7bbc520de9 Update advanced-search page (#2269)
* update advanced-search page

# Conflicts:
#	qdrant-landing/themes/qdrant-2024/assets/css/partials/_use-cases-vector-hero.scss

* update link in hero section

* revert (temporarily?) renaming a multimodal search card

---------

Co-authored-by: trean <trean.mi@gmail.com>
2026-04-21 18:00:07 +02:00

62 lines
1.1 KiB
SCSS

@use '../helpers/functions' as *;
.advanced-search-use-cases {
padding-top: $spacer * 2.5;
padding-bottom: $spacer * 2.5;
background-color: $neutral-94;
&__title {
font-size: $spacer * 2.5;
line-height: $spacer * 3;
color: $neutral-20;
text-align: center;
margin-bottom: $spacer * 2.5;
}
&__card {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: $spacer * 2;
&-image {
width: 100%;
margin-bottom: $spacer * 1.5;
}
&-title {
margin-bottom: $spacer;
font-weight: 500;
color: $neutral-20;
}
&-description {
color: $neutral-40;
margin-bottom: $spacer;
}
}
@include media-breakpoint-up(lg) {
padding-top: $spacer * 2.5;
padding-bottom: $spacer * 5;
&__title {
max-width: pxToRem(920);
margin: 0 auto $spacer * 5;
font-size: $spacer * 3.5;
line-height: pxToRem(67);
}
&__card {
height: pxToRem(518);
&-link {
flex-grow: 1;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
}
}
}