mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
28 lines
860 B
Sass
28 lines
860 B
Sass
|
$list-background-color: $white !default
|
||
|
|
$list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 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
|
||
|
|
background-color: $list-background-color
|
||
|
|
box-shadow: $list-shadow
|
||
|
|
border-radius: $list-radius
|
||
|
|
&.is-hoverable > .list-item:hover:not(.is-active)
|
||
|
|
background-color: $list-item-hover-background-color
|
||
|
|
cursor: pointer
|
||
|
|
|
||
|
|
.list-item
|
||
|
|
color: $list-item-color
|
||
|
|
display: block
|
||
|
|
padding: 0.5em 1em
|
||
|
|
&.is-active
|
||
|
|
background-color: $list-item-active-background-color
|
||
|
|
color: $list-item-active-color
|
||
|
|
&:not(:last-child)
|
||
|
|
border-bottom: $list-item-border
|