mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-04 18:38:30 +02:00
renamed rem() function to pxToRem() to avoid conflicting with native css rem function (#1084)
This commit is contained in:
@@ -5,8 +5,8 @@ aside[role='status'] {
|
||||
position: relative;
|
||||
padding: $spacer * 1.5 $spacer * 1.5 $spacer * 1.5 $spacer * 3.5;
|
||||
margin-bottom: $spacer;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
font-size: pxToRem(14);
|
||||
line-height: pxToRem(21);
|
||||
border-radius: $spacer * 0.5;
|
||||
|
||||
&:before {
|
||||
@@ -15,7 +15,7 @@ aside[role='status'] {
|
||||
position: absolute;
|
||||
left: $spacer * 1.5;
|
||||
top: $spacer * 1.5;
|
||||
height: rem(20);
|
||||
height: pxToRem(20);
|
||||
width: $spacer;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
@@ -28,11 +28,11 @@ aside[role='alert'] {
|
||||
color: $warning-70;
|
||||
a {
|
||||
color: $warning-70;
|
||||
border-bottom: rem(1) solid $warning-70;
|
||||
border-bottom: pxToRem(1) solid $warning-70;
|
||||
}
|
||||
&:before {
|
||||
content: '\26A0';
|
||||
font-size: rem(12);
|
||||
font-size: pxToRem(12);
|
||||
}
|
||||
code {
|
||||
color: $warning-70;
|
||||
@@ -44,11 +44,11 @@ aside[role='status'] {
|
||||
color: $secondary-blue-70;
|
||||
a {
|
||||
color: $secondary-blue-70;
|
||||
border-bottom: rem(1) solid $secondary-blue-70;
|
||||
border-bottom: pxToRem(1) solid $secondary-blue-70;
|
||||
}
|
||||
&:before {
|
||||
content: '\24D8';
|
||||
font-size: rem(24);
|
||||
font-size: pxToRem(24);
|
||||
}
|
||||
code {
|
||||
color: $secondary-blue-70;
|
||||
|
||||
@@ -11,9 +11,9 @@
|
||||
);
|
||||
|
||||
$padding: (
|
||||
sm: 0 rem(20),
|
||||
md: 0 rem(22),
|
||||
lg: 0 rem(28),
|
||||
sm: 0 pxToRem(20),
|
||||
md: 0 pxToRem(22),
|
||||
lg: 0 pxToRem(28),
|
||||
);
|
||||
|
||||
// STYLES
|
||||
|
||||
@@ -11,15 +11,15 @@
|
||||
);
|
||||
|
||||
$padding: (
|
||||
md: rem(7) $spacer,
|
||||
lg: rem(11) $spacer,
|
||||
md: pxToRem(7) $spacer,
|
||||
lg: pxToRem(11) $spacer,
|
||||
);
|
||||
|
||||
// STYLES
|
||||
width: 100%;
|
||||
height: map-get($height, md);
|
||||
padding: map-get($padding, md);
|
||||
border: rem(1) solid $neutral-50;
|
||||
border: pxToRem(1) solid $neutral-50;
|
||||
border-radius: $spacer * 0.5;
|
||||
background-color: transparent;
|
||||
color: $neutral-94;
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: rem(1) solid $neutral-100;
|
||||
border: pxToRem(1) solid $neutral-100;
|
||||
}
|
||||
|
||||
&:active,
|
||||
@@ -72,14 +72,14 @@
|
||||
.dropdown {
|
||||
&__button {
|
||||
position: relative;
|
||||
padding: rem(7) $spacer * 2.5 rem(7) $spacer;
|
||||
padding: pxToRem(7) $spacer * 2.5 pxToRem(7) $spacer;
|
||||
text-align: left;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: rem(12);
|
||||
top: pxToRem(12);
|
||||
right: $spacer;
|
||||
height: $spacer;
|
||||
width: $spacer;
|
||||
|
||||
@@ -15,9 +15,9 @@
|
||||
|
||||
&-title {
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
line-height: pxToRem(34);
|
||||
color: $neutral-20;
|
||||
margin-bottom: rem(12);
|
||||
margin-bottom: pxToRem(12);
|
||||
}
|
||||
|
||||
&-description {
|
||||
@@ -29,15 +29,15 @@
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: $neutral-30;
|
||||
margin-bottom: rem(12);
|
||||
margin-bottom: pxToRem(12);
|
||||
}
|
||||
|
||||
&-about {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
gap: $spacer * 0.5;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
font-size: pxToRem(14);
|
||||
line-height: pxToRem(21);
|
||||
color: $neutral-50;
|
||||
|
||||
p {
|
||||
|
||||
Reference in New Issue
Block a user