diff --git a/src/components/Accordion.module.scss b/src/components/Accordion.module.scss index 8be1ca5..fd4c877 100644 --- a/src/components/Accordion.module.scss +++ b/src/components/Accordion.module.scss @@ -52,7 +52,7 @@ transition: padding $accordion-time; &::before { - border-radius: $border-radius / 2; + border-radius: calc($border-radius / 2); content: ''; height: $separator-height; left: 0; diff --git a/src/components/BlockTitle.module.scss b/src/components/BlockTitle.module.scss index afb548d..0bdf851 100644 --- a/src/components/BlockTitle.module.scss +++ b/src/components/BlockTitle.module.scss @@ -19,7 +19,7 @@ text-transform: uppercase; &::before { - border-radius: $border-radius / 2; + border-radius: calc($border-radius / 2); content: ''; position: absolute; top: 0; diff --git a/src/components/Menu.module.scss b/src/components/Menu.module.scss index 3a2608d..531fe33 100644 --- a/src/components/Menu.module.scss +++ b/src/components/Menu.module.scss @@ -76,7 +76,7 @@ .indicator { background-color: #fff; - border-radius: 0 $border-radius / 2 $border-radius / 2 0; + border-radius: 0 calc($border-radius / 2) calc($border-radius / 2) 0; height: $menu-item-height; left: 0; position: absolute; @@ -88,7 +88,7 @@ z-index: 9999; &.intro { - border-radius: $border-radius / 2; + border-radius: calc($border-radius / 2); } &.about { diff --git a/src/components/MobileMenu.module.scss b/src/components/MobileMenu.module.scss index 41d4df4..578cb44 100644 --- a/src/components/MobileMenu.module.scss +++ b/src/components/MobileMenu.module.scss @@ -51,7 +51,7 @@ .indicator { background-color: #fff; - border-radius: 0 $border-radius / 2 $border-radius / 2 0; + border-radius: 0 calc($border-radius / 2) calc($border-radius / 2) 0; height: $menu-item-height; left: 0; position: absolute; diff --git a/src/components/resume/ResumeDetails.module.scss b/src/components/resume/ResumeDetails.module.scss index f5fa848..80b9897 100644 --- a/src/components/resume/ResumeDetails.module.scss +++ b/src/components/resume/ResumeDetails.module.scss @@ -51,7 +51,7 @@ $gap: 10px; &::before { background-color: $color-resume-black; - border-radius: $border-radius / 2; + border-radius: calc($border-radius / 2); content: ''; height: 1rem; margin-right: 0.5rem;