Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

List docs init

Browse Source
This commit is contained in:
Jeremy Thomas
2018-10-02 08:54:58 +01:00
parent e6e4a5a01a
commit a531ea2758
5 changed files with 256 additions and 588 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
sass/components/list.sass
View File

@@ -9,19 +9,31 @@ $list-item-active-color: $link-invert !default
$list-item-hover-background-color: $background !default
.list
@extend %block
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
box-shadow: $list-shadow
// &.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
&:not(a)
color: $list-item-color
&:first-child
border-top-left-radius: $list-radius
border-top-right-radius: $list-radius
&:last-child
border-top-left-radius: $list-radius
border-top-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
&:not(:last-child)
border-bottom: $list-item-border
a.list-item
background-color: $list-item-hover-background-color
cursor: pointer