X-Git-Url: https://git.josue.xyz/?p=josuexyz%2F.git;a=blobdiff_plain;f=public%2Fvendors%2Fbulma%2Fsass%2Fcomponents%2Flist.sass;fp=public%2Fvendors%2Fbulma%2Fsass%2Fcomponents%2Flist.sass;h=bc99428a9a0abdb7c9d8f4b39320043ed7aa1327;hp=0000000000000000000000000000000000000000;hb=b0af3b998eb478c3525db23781c4a5bc1ec52d76;hpb=3337fe9284225df913e363121d9fb4f257cc28e8

diff --git a/public/vendors/bulma/sass/components/list.sass b/public/vendors/bulma/sass/components/list.sass
new file mode 100644
index 0000000..bc99428
--- /dev/null
+++ b/public/vendors/bulma/sass/components/list.sass
@@ -0,0 +1,39 @@
+$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
+  @extend %block
+  background-color: $list-background-color
+  border-radius: $list-radius
+  box-shadow: $list-shadow
+  // &.is-hoverable > .list-item:hover:not(.is-active)
+  //   background-color: $list-item-hover-background-color
+  //   cursor: pointer
+
+.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