diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
| commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
| tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /styles/_sass/components/list.sass | |
| parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
| parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
| download | cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip | |
merged
Diffstat (limited to 'styles/_sass/components/list.sass')
| -rw-r--r-- | styles/_sass/components/list.sass | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/styles/_sass/components/list.sass b/styles/_sass/components/list.sass new file mode 100644 index 0000000..bc99428 --- /dev/null +++ b/styles/_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 |