From 06f5f525dd14047b9aaf196d9aa52747fcf664a4 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 1 Oct 2020 18:19:18 +0200
Subject: [PATCH] Add back depreciated Bulma list style

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/common.scss | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/js/src/common.scss b/js/src/common.scss
index 21326c10d..2178b6398 100644
--- a/js/src/common.scss
+++ b/js/src/common.scss
@@ -83,3 +83,42 @@ body {
   margin-bottom: 2rem;
   color: $violet-1;
 }
+
+$list-background-color: $scheme-main !default;
+$list-shadow: 0 2px 3px rgba($scheme-invert, 0.1),
+  0 0 0 1px rgba($scheme-invert, 0.1) !default;
+$list-radius: $radius !default;
+
+$list-item-border: 1px solid $border !default;
+$list-item-color: $text !default;
+$list-item-active-background-color: $link !default;
+$list-item-active-color: $link-invert !default;
+$list-item-hover-background-color: $background !default;
+
+.list-item {
+  display: block;
+  padding: 0.5em 1em;
+  &:not(a) {
+    color: $list-item-color;
+  }
+  &:first-child {
+    border-top-left-radius: $list-radius;
+    border-top-right-radius: $list-radius;
+  }
+  &:last-child {
+    border-bottom-left-radius: $list-radius;
+    border-bottom-right-radius: $list-radius;
+  }
+  &:not(:last-child) {
+    border-bottom: $list-item-border;
+  }
+  &.is-active {
+    background-color: $list-item-active-background-color;
+    color: $list-item-active-color;
+  }
+}
+
+a.list-item {
+  background-color: $list-item-hover-background-color;
+  cursor: pointer;
+}