Refactor deprecated division in SCSS to use calc()

Gesture-and-Sign-Corpus-of-Australia · Sep 12, 2024 · 6f47659 · 6f47659
1 parent b1ddbb6
commit 6f47659
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -45,8 +45,8 @@ $gaps: (
     gap: $gap;
 
     hr {
-      margin-top: -($gap / 2);
-      margin-bottom: -($gap / 2);
+      margin-top: calc($gap / -2);
+      margin-bottom: calc($gap / -2);
     }
   }
 }
@@ -149,6 +149,7 @@ footer {
 table tr [phx-click] {
   cursor: pointer;
 }
+
 table tr:has([phx-click]) {
   cursor: pointer;
 
@@ -419,11 +420,11 @@ table tr:has([phx-click]) {
   border-radius: 2px;
 
   &.citation {
-    background-color: #3374ff;
+    background-color: #3374ff; /* TODO: make navy or similar */
   }
 
   &.variant {
-    background-color: #709dff;
+    background-color: #709dff; /* TODO: make sky blue */
   }
 
   &.english_entry {