mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-06 03:18:30 +02:00
moved pricing pages files
# Conflicts: # qdrant-landing/themes/qdrant-2024/layouts/partials/testimonial-light.html
This commit is contained in:
@@ -137,15 +137,15 @@ $font-sizes-text: (
|
||||
$font-size-sm: $font-size-s;
|
||||
$font-size-lg: $font-size-l;
|
||||
|
||||
$font-weight-lighter: lighter !default;
|
||||
$font-weight-light: 300 !default;
|
||||
$font-weight-normal: 350 !default;
|
||||
$font-weight-medium: 500 !default;
|
||||
$font-weight-semibold: 600 !default;
|
||||
$font-weight-bold: 700 !default;
|
||||
$font-weight-bolder: bolder !default;
|
||||
$font-weight-lighter: lighter !default;
|
||||
$font-weight-light: 300 !default;
|
||||
$font-weight-normal: 350 !default;
|
||||
$font-weight-medium: 500 !default;
|
||||
$font-weight-semibold: 600 !default;
|
||||
$font-weight-bold: 700 !default;
|
||||
$font-weight-bolder: bolder !default;
|
||||
|
||||
$font-weight-base: $font-weight-normal !default;
|
||||
$font-weight-base: $font-weight-normal !default;
|
||||
|
||||
$line-height-sm: pxToRem(21);
|
||||
$line-height-lg: pxToRem(27);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use "sass:math";
|
||||
@use 'sass:math';
|
||||
|
||||
.course-card {
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use "sass:math";
|
||||
@use 'sass:math';
|
||||
|
||||
.date {
|
||||
display: flex;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use "sass:math";
|
||||
@use 'sass:math';
|
||||
|
||||
.list {
|
||||
color: $neutral-70;
|
||||
@@ -18,7 +18,7 @@
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: pxToRem(5);
|
||||
|
||||
@@ -13,4 +13,4 @@
|
||||
@import 'partials/feedback';
|
||||
@import 'partials/documentation/docs-footer';
|
||||
@import 'partials/video';
|
||||
@import 'search/dark-theme';
|
||||
@import 'search/dark-theme';
|
||||
|
||||
@@ -5,4 +5,3 @@
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@@ -13,4 +13,3 @@
|
||||
font-display: swap;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 300 700;
|
||||
font-display: swap;
|
||||
src: url('/fonts/overpass_mono/overpass-mono-variable-font_wght.ttf') format('truetype');
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: normal;
|
||||
font-weight: 300 700;
|
||||
font-display: swap;
|
||||
src: url('/fonts/overpass_mono/overpass-mono-variable-font_wght.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: italic;
|
||||
font-weight: 300 700;
|
||||
font-display: swap;
|
||||
src: url('/fonts/overpass_mono/overpass-mono-variable-font_wght.ttf') format('truetype');
|
||||
}
|
||||
font-family: 'Overpass Mono';
|
||||
font-style: italic;
|
||||
font-weight: 300 700;
|
||||
font-display: swap;
|
||||
src: url('/fonts/overpass_mono/overpass-mono-variable-font_wght.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@@ -19,17 +19,7 @@
|
||||
@import 'partials/testimonial';
|
||||
@import 'partials/enterprise-solutions-challenges';
|
||||
@import 'partials/top-and-bottom-overlay';
|
||||
@import 'partials/qdrant-pricing-hero';
|
||||
@import 'partials/qdrant-pricing-calculator';
|
||||
@import 'partials/qdrant-pricing-docker-deploy';
|
||||
@import 'partials/qdrant-pricing-doors-a';
|
||||
@import 'partials/qdrant-pricing-doors-b';
|
||||
@import 'partials/qdrant-pricing-marketplaces';
|
||||
@import 'partials/qdrant-pricing-features';
|
||||
@import 'partials/qdrant-pricing-faq';
|
||||
@import 'partials/qdrant-pricing-comparison';
|
||||
@import 'partials/qdrant-pricing-cta';
|
||||
@import 'partials/pricing-door';
|
||||
@import 'partials/pricing/index';
|
||||
@import 'partials/get-contacted-with-question';
|
||||
@import 'partials/private-cloud-hero';
|
||||
@import 'partials/private-cloud-about';
|
||||
@@ -37,7 +27,6 @@
|
||||
@import 'partials/qdrant-cloud-hero';
|
||||
@import 'partials/qdrant-cloud-bento-cards';
|
||||
@import 'partials/qdrant-cloud-marketplaces';
|
||||
@import 'partials/qdrant-pricing-get-contacted';
|
||||
@import 'partials/qdrant-cloud-features-link';
|
||||
@import 'partials/video';
|
||||
@import 'partials/customer-list';
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
padding-bottom: $spacer * 4;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
margin-bottom: $spacer * 2.5;
|
||||
|
||||
ul {
|
||||
list-style-type: "- ";
|
||||
list-style-type: '- ';
|
||||
padding-left: pxToRem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -20,10 +20,12 @@
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: pxToRem(376);
|
||||
background-image: url('/img/blurred/blurred-light-24.png'),
|
||||
url('/img/blurred/blurred-light-25.png'),
|
||||
url('/img/blurred/blurred-light-26.png');
|
||||
background-position: top left, bottom left, bottom right;
|
||||
background-image: url('/img/blurred/blurred-light-24.png'), url('/img/blurred/blurred-light-25.png'),
|
||||
url('/img/blurred/blurred-light-26.png');
|
||||
background-position:
|
||||
top left,
|
||||
bottom left,
|
||||
bottom right;
|
||||
background-size: contain, contain, contain;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 1;
|
||||
@@ -36,9 +38,12 @@
|
||||
right: -20%;
|
||||
bottom: -9px;
|
||||
display: flex;
|
||||
background-image: linear-gradient(270deg, rgba(11, 15, 25, 0.00) 26.48%, #0B0F19 87.55%), url('/img/square-grid-black.svg');
|
||||
background-image: linear-gradient(270deg, rgba(11, 15, 25, 0) 26.48%, #0b0f19 87.55%),
|
||||
url('/img/square-grid-black.svg');
|
||||
background-size: cover, contain;
|
||||
background-position: center right, center right;
|
||||
background-position:
|
||||
center right,
|
||||
center right;
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
z-index: 0;
|
||||
}
|
||||
@@ -59,7 +64,7 @@
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
right: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -71,7 +76,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: pxToRem(32);
|
||||
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
max-width: pxToRem(560);
|
||||
}
|
||||
|
||||
@@ -6,11 +6,12 @@
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background: radial-gradient(
|
||||
ellipse 120% 80% at 0% 0%,
|
||||
rgba(231, 29, 95, 0.12) 0%,
|
||||
rgba(133, 71, 255, 0.06) 40%,
|
||||
transparent 70%
|
||||
), $neutral-10;
|
||||
ellipse 120% 80% at 0% 0%,
|
||||
rgba(231, 29, 95, 0.12) 0%,
|
||||
rgba(133, 71, 255, 0.06) 40%,
|
||||
transparent 70%
|
||||
),
|
||||
$neutral-10;
|
||||
|
||||
&__lights-overlay {
|
||||
position: absolute;
|
||||
|
||||
@@ -36,11 +36,13 @@
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Step .hsfc-Step__Content {
|
||||
padding: $spacer * 1.5;
|
||||
}
|
||||
|
||||
.hsfc-RichText span, .hsfc-FieldLabel span, .hsfc-ProgressBar__Text {
|
||||
.hsfc-RichText span,
|
||||
.hsfc-FieldLabel span,
|
||||
.hsfc-ProgressBar__Text {
|
||||
font-size: $font-size-s !important;
|
||||
line-height: $line-height-sm !important;
|
||||
color: $neutral-98 !important;
|
||||
@@ -50,7 +52,8 @@
|
||||
margin-bottom: $spacer * 0.5 !important;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-TextInput, [data-hsfc-id=Renderer] .hsfc-TextareaInput {
|
||||
[data-hsfc-id='Renderer'] .hsfc-TextInput,
|
||||
[data-hsfc-id='Renderer'] .hsfc-TextareaInput {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
border: pxToRem(1) solid $neutral-50;
|
||||
@@ -61,7 +64,8 @@
|
||||
color: $neutral-98;
|
||||
border-radius: $spacer * 0.5;
|
||||
|
||||
&:focus, &:active {
|
||||
&:focus,
|
||||
&:active {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@@ -70,13 +74,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
|
||||
[data-hsfc-id='Renderer'] .hsfc-ErrorAlert {
|
||||
font-size: $font-size-xs;
|
||||
line-height: $font-size-l;
|
||||
color: $primary-40;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-Button {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -153,7 +157,7 @@
|
||||
}
|
||||
|
||||
&__container {
|
||||
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Step .hsfc-Step__Content {
|
||||
padding: $spacer * 4;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -53,7 +53,8 @@
|
||||
line-height: pxToRem(67);
|
||||
}
|
||||
|
||||
&__subtitle, &__description {
|
||||
&__subtitle,
|
||||
&__description {
|
||||
max-width: pxToRem(500);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
&:nth-of-type(4) {
|
||||
& > div {
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: pxToRem(1);
|
||||
@@ -72,7 +72,7 @@
|
||||
&:nth-of-type(2) {
|
||||
& > div {
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: pxToRem(1);
|
||||
|
||||
+6
-6
@@ -22,10 +22,10 @@
|
||||
grid-template-columns: 1fr;
|
||||
gap: $spacer * 1.5;
|
||||
grid-template-areas:
|
||||
"compliance"
|
||||
"management"
|
||||
"api"
|
||||
"observability";
|
||||
'compliance'
|
||||
'management'
|
||||
'api'
|
||||
'observability';
|
||||
}
|
||||
|
||||
&__card {
|
||||
@@ -101,8 +101,8 @@
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
grid-template-areas:
|
||||
"compliance management management"
|
||||
"compliance api observability";
|
||||
'compliance management management'
|
||||
'compliance api observability';
|
||||
}
|
||||
|
||||
&__card {
|
||||
|
||||
+2
-2
@@ -60,7 +60,7 @@
|
||||
margin-left: auto;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: pxToRem(1);
|
||||
@@ -76,7 +76,7 @@
|
||||
&:nth-of-type(2) {
|
||||
& > div {
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
width: calc(100% - pxToRem(32));
|
||||
height: pxToRem(1);
|
||||
|
||||
+4
-2
@@ -119,7 +119,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&-title, &-description {
|
||||
&-title,
|
||||
&-description {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
}
|
||||
@@ -132,7 +133,8 @@
|
||||
padding: 0 $spacer * 4 0 $spacer * 3;
|
||||
}
|
||||
|
||||
&-title, &-description {
|
||||
&-title,
|
||||
&-description {
|
||||
margin-bottom: pxToRem(12);
|
||||
}
|
||||
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
}
|
||||
|
||||
&-section {
|
||||
width: calc(50% - math.div($spacer, 2))
|
||||
width: calc(50% - math.div($spacer, 2));
|
||||
}
|
||||
|
||||
&-section-title {
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
.go-to-top-button {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
color: $neutral-30;
|
||||
background: $neutral-94;
|
||||
z-index: 10;
|
||||
transition: background-color 0.3s;
|
||||
|
||||
[data-theme='light'] & {
|
||||
color: $neutral-30;
|
||||
background: $neutral-94;
|
||||
z-index: 10;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
[data-theme="light"] & {
|
||||
color: $neutral-30;
|
||||
background: $neutral-94;
|
||||
}
|
||||
|
||||
[data-theme="dark"] & {
|
||||
color: $neutral-94;
|
||||
background: $neutral-30;
|
||||
}
|
||||
}
|
||||
[data-theme='dark'] & {
|
||||
color: $neutral-94;
|
||||
background: $neutral-30;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -205,7 +205,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// font-size
|
||||
&_inherit {
|
||||
font-size: inherit;
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
&__extra-block{
|
||||
&__extra-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 2;
|
||||
@@ -71,7 +71,7 @@
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -116,7 +116,7 @@
|
||||
margin-bottom: $spacer * 7.5;
|
||||
}
|
||||
|
||||
&__extra-block{
|
||||
&__extra-block {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
+2
-1
@@ -36,7 +36,8 @@
|
||||
line-height: pxToRem(27);
|
||||
color: $neutral-40;
|
||||
|
||||
strong, b {
|
||||
strong,
|
||||
b {
|
||||
font-weight: 600;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
+4
-4
@@ -72,7 +72,7 @@
|
||||
}
|
||||
|
||||
form {
|
||||
&.hs-form>fieldset {
|
||||
&.hs-form > fieldset {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -86,13 +86,13 @@
|
||||
margin-top: pxToRem(12);
|
||||
margin-bottom: $spacer * 2.5;
|
||||
|
||||
input[type=submit] {
|
||||
input[type='submit'] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.hs-form>fieldset.form-columns-2 {
|
||||
gap: 0
|
||||
&.hs-form > fieldset.form-columns-2 {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
fieldset:last-of-type {
|
||||
|
||||
+3
-3
@@ -33,7 +33,7 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
form.hs-form>fieldset {
|
||||
form.hs-form > fieldset {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@@ -48,8 +48,8 @@
|
||||
margin-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
form.hs-form>fieldset.form-columns-2 {
|
||||
gap: 0
|
||||
form.hs-form > fieldset.form-columns-2 {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
fieldset:last-of-type {
|
||||
|
||||
+1
-1
@@ -30,7 +30,7 @@
|
||||
margin-bottom: 0;
|
||||
font-size: pxToRem(14);
|
||||
line-height: pxToRem(21);
|
||||
font-weight: $font-weight-base;
|
||||
font-weight: $font-weight-base;
|
||||
color: $neutral-90;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -94,7 +94,7 @@
|
||||
flex-direction: column;
|
||||
|
||||
.hs_email {
|
||||
& > label {
|
||||
& > label {
|
||||
display: block;
|
||||
margin-bottom: pxToRem(6);
|
||||
font-size: pxToRem(14);
|
||||
@@ -103,8 +103,8 @@
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
margin-top: $spacer * 1.5;
|
||||
width: 100%;
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
.hs_error_rollup {
|
||||
top: 0;
|
||||
@@ -114,7 +114,6 @@
|
||||
.submitted-message {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-header {
|
||||
|
||||
+3
-3
@@ -73,7 +73,7 @@
|
||||
line-height: pxToRem(21);
|
||||
color: $neutral-50;
|
||||
}
|
||||
[data-theme="light"] & {
|
||||
[data-theme='light'] & {
|
||||
&-about {
|
||||
color: $neutral-30;
|
||||
}
|
||||
@@ -82,7 +82,7 @@
|
||||
}
|
||||
&-description {
|
||||
color: $neutral-50;
|
||||
font-weight: $font-weight-base;
|
||||
font-weight: $font-weight-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -122,7 +122,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
[data-theme="light"] & {
|
||||
[data-theme='light'] & {
|
||||
&__title {
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
+2
-3
@@ -11,7 +11,6 @@
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
|
||||
&__links {
|
||||
margin-right: auto;
|
||||
padding-left: 0;
|
||||
@@ -70,7 +69,7 @@
|
||||
padding: $spacer * 0.5;
|
||||
border-radius: $spacer * 0.5;
|
||||
z-index: 1;
|
||||
background: linear-gradient($neutral-30, #141B2E);
|
||||
background: linear-gradient($neutral-30, #141b2e);
|
||||
}
|
||||
|
||||
&__items {
|
||||
@@ -159,7 +158,7 @@
|
||||
background: url('/img/qdrant-logo-red-black.svg') no-repeat left bottom;
|
||||
background-size: 120px 32px;
|
||||
img {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
font-size: $spacer * 2;
|
||||
line-height: $spacer * 2.5;
|
||||
padding: 0;
|
||||
margin-bottom: math.div($spacer, 2);
|
||||
margin-bottom: math.div($spacer, 2);
|
||||
}
|
||||
|
||||
h3 {
|
||||
@@ -271,7 +271,8 @@
|
||||
}
|
||||
}
|
||||
.docs-core__developing-block {
|
||||
h1, h3 {
|
||||
h1,
|
||||
h3 {
|
||||
color: $neutral-98;
|
||||
}
|
||||
p {
|
||||
|
||||
+1
-1
@@ -18,7 +18,7 @@
|
||||
&:hover {
|
||||
color: $neutral-90;
|
||||
svg path {
|
||||
stroke: $neutral-90;
|
||||
stroke: $neutral-90;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+7
-8
@@ -101,7 +101,7 @@
|
||||
}
|
||||
|
||||
&.active {
|
||||
&>.docs-menu__links-group-heading>a {
|
||||
& > .docs-menu__links-group-heading > a {
|
||||
font-weight: 600;
|
||||
background-color: $neutral-30;
|
||||
color: $neutral-90;
|
||||
@@ -181,7 +181,7 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 math.div($spacer, 2);
|
||||
padding: 0 math.div($spacer, 2);
|
||||
|
||||
&-container {
|
||||
width: pxToRem(168);
|
||||
@@ -232,7 +232,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&> :last-child {
|
||||
& > :last-child {
|
||||
padding-bottom: $spacer;
|
||||
border-bottom: pxToRem(1) solid $neutral-20;
|
||||
}
|
||||
@@ -245,10 +245,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&__links-group {
|
||||
&.active {
|
||||
&>.docs-menu__links-group-heading>a {
|
||||
& > .docs-menu__links-group-heading > a {
|
||||
background-color: $neutral-20;
|
||||
}
|
||||
|
||||
@@ -327,7 +326,7 @@
|
||||
}
|
||||
|
||||
&.active {
|
||||
&>.docs-menu__links-group-heading>a {
|
||||
& > .docs-menu__links-group-heading > a {
|
||||
color: $primary-50;
|
||||
background: $neutral-90;
|
||||
}
|
||||
@@ -363,7 +362,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__links> :last-child,
|
||||
&__links > :last-child,
|
||||
&__links-title:not(:nth-of-type(1)) {
|
||||
border-color: $neutral-80;
|
||||
}
|
||||
@@ -373,7 +372,7 @@
|
||||
|
||||
&__links-group {
|
||||
&.active {
|
||||
&>.docs-menu__links-group-heading>a {
|
||||
& > .docs-menu__links-group-heading > a {
|
||||
color: $neutral-30;
|
||||
}
|
||||
}
|
||||
|
||||
+18
-6
@@ -78,9 +78,15 @@
|
||||
}
|
||||
|
||||
// Level Color-Coding
|
||||
.text-green { color: $success-80; }
|
||||
.text-yellow { color: $warning-80; }
|
||||
.text-red { color: $error-50; }
|
||||
.text-green {
|
||||
color: $success-80;
|
||||
}
|
||||
.text-yellow {
|
||||
color: $warning-80;
|
||||
}
|
||||
.text-red {
|
||||
color: $error-50;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__container {
|
||||
@@ -128,8 +134,14 @@
|
||||
color: $neutral-100;
|
||||
}
|
||||
|
||||
.text-green { color: color.adjust($success-50, $saturation: 5%, $lightness: 8%); }
|
||||
.text-yellow { color: color.adjust($warning-50, $saturation: 5%, $lightness: 8%); }
|
||||
.text-red { color: color.adjust($error-50, $lightness: 3%); }
|
||||
.text-green {
|
||||
color: color.adjust($success-50, $saturation: 5%, $lightness: 8%);
|
||||
}
|
||||
.text-yellow {
|
||||
color: color.adjust($warning-50, $saturation: 5%, $lightness: 8%);
|
||||
}
|
||||
.text-red {
|
||||
color: color.adjust($error-50, $lightness: 3%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,11 +6,12 @@
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background: radial-gradient(
|
||||
ellipse 120% 80% at 0% 0%,
|
||||
rgba(231, 29, 95, 0.12) 0%,
|
||||
rgba(133, 71, 255, 0.06) 40%,
|
||||
transparent 70%
|
||||
), $neutral-10;
|
||||
ellipse 120% 80% at 0% 0%,
|
||||
rgba(231, 29, 95, 0.12) 0%,
|
||||
rgba(133, 71, 255, 0.06) 40%,
|
||||
transparent 70%
|
||||
),
|
||||
$neutral-10;
|
||||
|
||||
&__lights-overlay {
|
||||
position: absolute;
|
||||
|
||||
@@ -36,11 +36,13 @@
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Step .hsfc-Step__Content {
|
||||
padding: $spacer * 1.5;
|
||||
}
|
||||
|
||||
.hsfc-RichText span, .hsfc-FieldLabel span, .hsfc-ProgressBar__Text {
|
||||
.hsfc-RichText span,
|
||||
.hsfc-FieldLabel span,
|
||||
.hsfc-ProgressBar__Text {
|
||||
font-size: $font-size-s !important;
|
||||
line-height: $line-height-sm !important;
|
||||
color: $neutral-98 !important;
|
||||
@@ -50,7 +52,8 @@
|
||||
margin-bottom: $spacer * 0.5 !important;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-TextInput, [data-hsfc-id=Renderer] .hsfc-TextareaInput {
|
||||
[data-hsfc-id='Renderer'] .hsfc-TextInput,
|
||||
[data-hsfc-id='Renderer'] .hsfc-TextareaInput {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
border: pxToRem(1) solid $neutral-50;
|
||||
@@ -61,7 +64,8 @@
|
||||
color: $neutral-98;
|
||||
border-radius: $spacer * 0.5;
|
||||
|
||||
&:focus, &:active {
|
||||
&:focus,
|
||||
&:active {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@@ -70,13 +74,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
|
||||
[data-hsfc-id='Renderer'] .hsfc-ErrorAlert {
|
||||
font-size: $font-size-xs;
|
||||
line-height: $font-size-l;
|
||||
color: $primary-40;
|
||||
}
|
||||
|
||||
[data-hsfc-id=Renderer] .hsfc-Button {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -153,7 +157,7 @@
|
||||
}
|
||||
|
||||
&__container {
|
||||
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
|
||||
[data-hsfc-id='Renderer'] .hsfc-Step .hsfc-Step__Content {
|
||||
padding: $spacer * 4;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,7 +58,8 @@
|
||||
line-height: pxToRem(67);
|
||||
}
|
||||
|
||||
&__subtitle, &__description {
|
||||
&__subtitle,
|
||||
&__description {
|
||||
max-width: pxToRem(500);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
&:nth-of-type(4) {
|
||||
& > div {
|
||||
&:before {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: pxToRem(1);
|
||||
@@ -72,7 +72,7 @@
|
||||
&:nth-of-type(2) {
|
||||
& > div {
|
||||
&:after {
|
||||
content: "";
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: pxToRem(1);
|
||||
|
||||
@@ -4,4 +4,4 @@
|
||||
@import 'edge-demo';
|
||||
@import 'edge-form';
|
||||
@import 'edge-faq';
|
||||
@import 'edge-get-started';
|
||||
@import 'edge-get-started';
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
&-list {
|
||||
font-size: $font-size-s;
|
||||
line-height: pxToRem(21);
|
||||
font-weight: $font-weight-base;
|
||||
font-weight: $font-weight-base;
|
||||
color: $neutral-70;
|
||||
|
||||
p {
|
||||
|
||||
+1
-1
@@ -110,7 +110,7 @@
|
||||
&--small {
|
||||
font-size: pxToRem(14);
|
||||
line-height: pxToRem(21);
|
||||
font-weight: $font-weight-base;
|
||||
font-weight: $font-weight-base;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+12
-4
@@ -50,7 +50,9 @@
|
||||
border: none;
|
||||
border-radius: pxToRem(8);
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease, background-color 0.3s ease;
|
||||
transition:
|
||||
color 0.3s ease,
|
||||
background-color 0.3s ease;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
|
||||
@@ -89,7 +91,9 @@
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.4s ease, visibility 0.4s ease;
|
||||
transition:
|
||||
opacity 0.4s ease,
|
||||
visibility 0.4s ease;
|
||||
pointer-events: none;
|
||||
|
||||
&--active {
|
||||
@@ -298,7 +302,9 @@
|
||||
border-radius: pxToRem(8);
|
||||
color: $neutral-40;
|
||||
cursor: pointer;
|
||||
transition: color 0.2s ease, border-color 0.2s ease;
|
||||
transition:
|
||||
color 0.2s ease,
|
||||
border-color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: $neutral-20;
|
||||
@@ -334,7 +340,9 @@
|
||||
height: pxToRem(6);
|
||||
background-color: $neutral-80;
|
||||
border-radius: 50%;
|
||||
transition: background-color 0.2s ease, transform 0.2s ease;
|
||||
transition:
|
||||
background-color 0.2s ease,
|
||||
transform 0.2s ease;
|
||||
}
|
||||
|
||||
&:hover span {
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
@import 'qdrant-pricing-hero';
|
||||
@import 'qdrant-pricing-calculator';
|
||||
@import 'qdrant-pricing-docker-deploy';
|
||||
@import 'qdrant-pricing-doors-a';
|
||||
@import 'qdrant-pricing-doors-b';
|
||||
@import 'qdrant-pricing-marketplaces';
|
||||
@import 'qdrant-pricing-features';
|
||||
@import 'qdrant-pricing-faq';
|
||||
@import 'qdrant-pricing-comparison';
|
||||
@import 'qdrant-pricing-cta';
|
||||
@import 'qdrant-pricing-get-contacted';
|
||||
@import 'pricing-door';
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.pricing-door {
|
||||
position: relative;
|
||||
+5
-7
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-calculator {
|
||||
position: relative;
|
||||
@@ -21,11 +21,10 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, $neutral-90 1px, transparent 1px),
|
||||
background-image: linear-gradient(to right, $neutral-90 1px, transparent 1px),
|
||||
linear-gradient(to bottom, $neutral-90 1px, transparent 1px);
|
||||
background-size: 80px 80px;
|
||||
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -33,8 +32,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background:
|
||||
linear-gradient(to bottom, $neutral-94 0%, transparent 30%, transparent 70%, $neutral-94 100%),
|
||||
background: linear-gradient(to bottom, $neutral-94 0%, transparent 30%, transparent 70%, $neutral-94 100%),
|
||||
linear-gradient(to right, $neutral-94 0%, transparent 15%, transparent 85%, $neutral-94 100%);
|
||||
}
|
||||
}
|
||||
@@ -58,7 +56,7 @@
|
||||
flex-shrink: 0;
|
||||
width: 76px;
|
||||
height: 64px;
|
||||
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
+9
-5
@@ -1,10 +1,15 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-comparison-hero {
|
||||
position: relative;
|
||||
padding: $spacer * 5 0 $spacer * 3.5;
|
||||
background-color: $neutral-94;
|
||||
background-image: linear-gradient(180deg, rgba(225, 229, 240, 0) 8.3%, #e1e5f0 52.24%, rgba(225, 229, 240, 0) 112.78%);
|
||||
background-image: linear-gradient(
|
||||
180deg,
|
||||
rgba(225, 229, 240, 0) 8.3%,
|
||||
#e1e5f0 52.24%,
|
||||
rgba(225, 229, 240, 0) 112.78%
|
||||
);
|
||||
overflow: hidden;
|
||||
|
||||
&__background {
|
||||
@@ -16,11 +21,10 @@
|
||||
&__grid {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, rgba(180, 186, 204, 0.3) 1px, transparent 1px),
|
||||
background-image: linear-gradient(to right, rgba(180, 186, 204, 0.3) 1px, transparent 1px),
|
||||
linear-gradient(to bottom, rgba(180, 186, 204, 0.3) 1px, transparent 1px);
|
||||
background-size: 80px 80px;
|
||||
mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
|
||||
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
}
|
||||
|
||||
&__content {
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-cta {
|
||||
position: relative;
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-doors-a {
|
||||
padding-bottom: $spacer * 4;
|
||||
+3
-3
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-doors-b {
|
||||
padding: 0 0 $spacer * 2;
|
||||
@@ -291,9 +291,9 @@
|
||||
|
||||
&--contained {
|
||||
color: $neutral-100;
|
||||
background: linear-gradient(180deg, $primary-50 0%, #BE003A 100%);
|
||||
background: linear-gradient(180deg, $primary-50 0%, #be003a 100%);
|
||||
border: none;
|
||||
box-shadow: inset 0px 2px 1px 0px #FF516B;
|
||||
box-shadow: inset 0px 2px 1px 0px #ff516b;
|
||||
|
||||
&:hover {
|
||||
filter: brightness(1.05);
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-faq {
|
||||
padding: $spacer * 5 0 $spacer * 2.5;
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-features {
|
||||
padding: $spacer * 2.5 0 $spacer * 7.5;
|
||||
+2
-2
@@ -1,5 +1,5 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/get-contacted' as get-contacted;
|
||||
@use '../../helpers/functions' as *;
|
||||
@use '../../mixins/get-contacted' as get-contacted;
|
||||
|
||||
.qdrant-pricing-get-contacted {
|
||||
@include get-contacted.base($spacer * 2.5, $spacer * 2.5, $spacer * 5, $spacer * 4, pxToRem(350));
|
||||
+3
-5
@@ -1,4 +1,4 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../../helpers/functions' as *;
|
||||
|
||||
.qdrant-pricing-hero {
|
||||
position: relative;
|
||||
@@ -34,8 +34,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image:
|
||||
linear-gradient(to right, $neutral-90 1px, transparent 1px),
|
||||
background-image: linear-gradient(to right, $neutral-90 1px, transparent 1px),
|
||||
linear-gradient(to bottom, $neutral-90 1px, transparent 1px);
|
||||
background-size: 80px 80px;
|
||||
}
|
||||
@@ -47,8 +46,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background:
|
||||
linear-gradient(to bottom, rgba($neutral-94, 0) 0%, $neutral-94 100%),
|
||||
background: linear-gradient(to bottom, rgba($neutral-94, 0) 0%, $neutral-94 100%),
|
||||
linear-gradient(to right, $neutral-94 0%, transparent 15%, transparent 85%, $neutral-94 100%);
|
||||
}
|
||||
}
|
||||
+2
-2
@@ -1,5 +1,5 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/marketplaces' as marketplaces;
|
||||
@use '../../helpers/functions' as *;
|
||||
@use '../../mixins/marketplaces' as marketplaces;
|
||||
|
||||
.qdrant-pricing-marketplaces {
|
||||
@include marketplaces.base(
|
||||
Reference in New Issue
Block a user