Refactor footer legal links for cleaner code

Removed inline ' |' used as a separator between footer legal links.
2023-09-14 09:51:51 +02:00
parent cd7cec79f4
commit 75c9b66375
2 changed files with 27 additions and 5 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -734,6 +734,28 @@ footer {
  border-top: 1px solid $text-light;
  font-size: $small-font-size;
  padding-top: $line-height / 2;
+
+  .legal {
+    display: inline-block;
+    margin-#{$global-left}: 0;
+
+    &::before {
+      content: "|";
+    }
+
+    li {
+      display: inline-block;
+
+      &::after {
+        content: "|";
+        margin-left: 4px;
+      }
+
+      &:last-child::after {
+        content: none;
+      }
+    }
+  }
 }

 // 04. Tags