renamed rem() function to pxToRem() to avoid conflicting with native css rem function (#1084)

This commit is contained in:
trean
2024-08-13 16:58:57 +02:00
committed by GitHub
parent 32aa793f28
commit 74172782a5
119 changed files with 988 additions and 988 deletions
@@ -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 {