diff options
author | navanchauhan <navanchauhan@gmail.com> | 2023-01-21 16:52:10 -0700 |
---|---|---|
committer | navanchauhan <navanchauhan@gmail.com> | 2023-01-21 16:52:10 -0700 |
commit | eff65de6860690861024996bde0abb41e1a6e2d9 (patch) | |
tree | c5ae1735628c30298c25b29d9d406117a0548cc7 /static/assets/bulma/sass/components/dropdown.sass | |
parent | 9d8f369405802c249658aa247b1c617126ead2da (diff) |
bundle bulma
Diffstat (limited to 'static/assets/bulma/sass/components/dropdown.sass')
-rw-r--r-- | static/assets/bulma/sass/components/dropdown.sass | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/static/assets/bulma/sass/components/dropdown.sass b/static/assets/bulma/sass/components/dropdown.sass new file mode 100644 index 0000000..3743cb7 --- /dev/null +++ b/static/assets/bulma/sass/components/dropdown.sass @@ -0,0 +1,83 @@ +@import "../utilities/mixins" + +$dropdown-menu-min-width: 12rem !default + +$dropdown-content-background-color: $scheme-main !default +$dropdown-content-arrow: $link !default +$dropdown-content-offset: 4px !default +$dropdown-content-padding-bottom: 0.5rem !default +$dropdown-content-padding-top: 0.5rem !default +$dropdown-content-radius: $radius !default +$dropdown-content-shadow: $shadow !default +$dropdown-content-z: 20 !default + +$dropdown-item-color: $text !default +$dropdown-item-hover-color: $scheme-invert !default +$dropdown-item-hover-background-color: $background !default +$dropdown-item-active-color: $link-invert !default +$dropdown-item-active-background-color: $link !default + +$dropdown-divider-background-color: $border-light !default + +.dropdown + display: inline-flex + position: relative + vertical-align: top + &.is-active, + &.is-hoverable:hover + .dropdown-menu + display: block + &.is-right + .dropdown-menu + left: auto + right: 0 + &.is-up + .dropdown-menu + bottom: 100% + padding-bottom: $dropdown-content-offset + padding-top: initial + top: auto + +.dropdown-menu + display: none + +ltr-position(0, false) + min-width: $dropdown-menu-min-width + padding-top: $dropdown-content-offset + position: absolute + top: 100% + z-index: $dropdown-content-z + +.dropdown-content + background-color: $dropdown-content-background-color + border-radius: $dropdown-content-radius + box-shadow: $dropdown-content-shadow + padding-bottom: $dropdown-content-padding-bottom + padding-top: $dropdown-content-padding-top + +.dropdown-item + color: $dropdown-item-color + display: block + font-size: 0.875rem + line-height: 1.5 + padding: 0.375rem 1rem + position: relative + +a.dropdown-item, +button.dropdown-item + +ltr-property("padding", 3rem) + text-align: inherit + white-space: nowrap + width: 100% + &:hover + background-color: $dropdown-item-hover-background-color + color: $dropdown-item-hover-color + &.is-active + background-color: $dropdown-item-active-background-color + color: $dropdown-item-active-color + +.dropdown-divider + background-color: $dropdown-divider-background-color + border: none + display: block + height: 1px + margin: 0.5rem 0 |