library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-28 12:24:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
eb46ab8460
bulma/sass/components/list.sass

40 lines
1.2 KiB
Sass
Raw Normal View History

Add list element feature [Fixes #772] (#1720) * Add list element feature * Move list from elements to components * Remove list.sass from elements * Add is-active to list, Move list-item out of list, Change some things * Change display: flex to block * Change padding and border to shadow * Change variable names and padding * Fix undefined variable bug * Change reference variable to local variable
2018-10-02 07:34:10 +00:00
$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
List docs init
2018-10-02 07:54:58 +00:00
@extend %block
Add list element feature [Fixes #772] (#1720) * Add list element feature * Move list from elements to components * Remove list.sass from elements * Add is-active to list, Move list-item out of list, Change some things * Change display: flex to block * Change padding and border to shadow * Change variable names and padding * Fix undefined variable bug * Change reference variable to local variable
2018-10-02 07:34:10 +00:00
background-color: $list-background-color
border-radius: $list-radius
List docs init
2018-10-02 07:54:58 +00:00
box-shadow: $list-shadow
// &.is-hoverable > .list-item:hover:not(.is-active)
// background-color: $list-item-hover-background-color
// cursor: pointer
Add list element feature [Fixes #772] (#1720) * Add list element feature * Move list from elements to components * Remove list.sass from elements * Add is-active to list, Move list-item out of list, Change some things * Change display: flex to block * Change padding and border to shadow * Change variable names and padding * Fix undefined variable bug * Change reference variable to local variable
2018-10-02 07:34:10 +00:00
.list-item
display: block
padding: 0.5em 1em
List docs init
2018-10-02 07:54:58 +00:00
&:not(a)
color: $list-item-color
&:first-child
border-top-left-radius: $list-radius
border-top-right-radius: $list-radius
&:last-child
fix border radius on last-child of list to fix #2435 issue
2019-04-03 08:00:26 +00:00
border-bottom-left-radius: $list-radius
border-bottom-right-radius: $list-radius
List docs init
2018-10-02 07:54:58 +00:00
&:not(:last-child)
border-bottom: $list-item-border
Add list element feature [Fixes #772] (#1720) * Add list element feature * Move list from elements to components * Remove list.sass from elements * Add is-active to list, Move list-item out of list, Change some things * Change display: flex to block * Change padding and border to shadow * Change variable names and padding * Fix undefined variable bug * Change reference variable to local variable
2018-10-02 07:34:10 +00:00
&.is-active
background-color: $list-item-active-background-color
color: $list-item-active-color
List docs init
2018-10-02 07:54:58 +00:00
a.list-item
background-color: $list-item-hover-background-color
fix border radius on last-child of list to fix #2435 issue
2019-04-03 08:00:26 +00:00
cursor: pointer
Reference in New Issue Copy Permalink