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;
+}