style: update nav to follow new SaaS rule

natalieagus · Apr 26, 2024 · 4c8c2dd · 4c8c2dd
1 parent b7a1e91
commit 4c8c2dd
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
@@ -74,19 +74,19 @@
 
       width: $nav-list-item-height-sm;
       height: $nav-list-item-height-sm;
-      padding-top: #{$nav-list-item-height-sm / 4};
-      padding-right: #{$nav-list-item-height-sm / 4};
-      padding-bottom: #{$nav-list-item-height-sm / 4};
-      padding-left: #{$nav-list-item-height-sm / 4};
+      padding-top: calc($nav-list-item-height-sm / 4);
+      padding-right: calc($nav-list-item-height-sm / 4);
+      padding-bottom: calc($nav-list-item-height-sm / 4);
+      padding-left: calc($nav-list-item-height-sm / 4);
       color: $link-color;
 
       @include mq(md) {
         width: $nav-list-item-height;
         height: $nav-list-item-height;
-        padding-top: #{$nav-list-item-height / 4};
-        padding-right: #{$nav-list-item-height / 4};
-        padding-bottom: #{$nav-list-item-height / 4};
-        padding-left: #{$nav-list-item-height / 4};
+        padding-top:calc($nav-list-item-height / 4);
+        padding-right:calc($nav-list-item-height / 4);
+        padding-bottom:calc($nav-list-item-height / 4);
+        padding-left:calc($nav-list-item-height / 4);
       }
 
       // &:hover {