{"version":3,"sources":["dropdown.pcss"],"names":[],"mappings":"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","file":"dropdown.css","sourcesContent":["/* dropdown */\n\n.dropdown {\n  position: relative;\n}\n\n.dropdown-caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  vertical-align: middle;\n  content: '';\n  border-style: solid;\n  border-width: var(--yattho-borderWidth-thicker, 4px) var(--yattho-borderWidth-thicker, 4px) 0;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n}\n\n/* Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n** way the menu should render from the element triggering it. */\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 100;\n  width: 160px;\n  padding-top: var(--yattho-control-small-paddingBlock, 4px);\n  padding-bottom: var(--yattho-control-small-paddingBlock, 4px);\n  margin-top: 2px;\n  list-style: none;\n  background-color: var(--color-canvas-overlay);\n  background-clip: padding-box;\n  border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n  border-radius: var(--yattho-borderRadius-medium, 6px);\n  box-shadow: var(--color-shadow-large);\n\n  &::before,\n  &::after {\n    position: absolute;\n    display: inline-block;\n    content: '';\n  }\n\n  /* caret border */\n  &::before {\n    border: 8px solid transparent;\n    border-bottom-color: var(--color-border-default);\n  }\n\n  /* caret background (should match dropdown background) */\n  &::after {\n    border: 7px solid transparent;\n    border-bottom-color: var(--color-canvas-overlay);\n  }\n\n  & > ul {\n    list-style: none;\n  }\n}\n\n.dropdown-menu-no-overflow {\n  width: auto;\n\n  & .dropdown-item {\n    padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n    overflow: visible;\n    text-overflow: inherit;\n  }\n}\n\n/* Dropdown items (can be links or buttons) */\n.dropdown-item {\n  display: block;\n  padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-condensed, 8px) var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n  overflow: hidden;\n  color: var(--color-fg-default);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    color: var(--color-fg-on-emphasis);\n    text-decoration: none;\n    background-color: var(--color-accent-emphasis);\n\n    & > .octicon {\n      color: inherit;\n      opacity: 1;\n    }\n\n    & [class*='color-fg-'] {\n      color: inherit !important;\n    }\n\n    & > .Label {\n      color: inherit !important;\n      border-color: currentcolor;\n    }\n  }\n\n  &.btn-link {\n    width: 100%;\n    text-align: left;\n  }\n}\n\n.dropdown-signout {\n  width: 100%;\n  text-align: left;\n  background: none;\n  border: 0;\n}\n\n.dropdown-divider {\n  display: block;\n  height: 0;\n  margin: var(--yattho-stack-gap-condensed, 8px) 0;\n  border-top: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n}\n\n.dropdown-header {\n  padding: var(--yattho-control-small-paddingBlock, 4px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n  font-size: var(--yattho-text-body-size-small, 12px);\n  color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked='false'] .octicon-check {\n  display: none;\n}\n\n/* Directional classes\n**\n** Move the menu and the caret attached to it. Requires at least one of these on\n** the `.dropdown-menu` element. */\n\n.dropdown-menu-w {\n  top: 0;\n  right: 100%;\n  left: auto;\n  width: auto;\n  margin-top: 0;\n  margin-right: 8px;\n\n  &::before {\n    top: 10px;\n    right: -16px;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    right: -14px;\n    left: auto;\n    border-color: transparent;\n    border-left-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-e {\n  top: 0;\n  left: 100%;\n  width: auto;\n  margin-top: 0;\n  margin-left: 8px;\n\n  &::before {\n    top: 10px;\n    left: -16px;\n    border-color: transparent;\n    border-right-color: var(--color-border-default);\n  }\n\n  &::after {\n    top: 11px;\n    left: -14px;\n    border-color: transparent;\n    border-right-color: var(--color-canvas-overlay);\n  }\n}\n\n.dropdown-menu-ne {\n  top: auto;\n  bottom: 100%;\n  left: 0;\n  margin-bottom: 3px;\n\n  &::before,\n  &::after {\n    top: auto;\n    right: auto;\n  }\n\n  &::before {\n    bottom: -8px;\n    left: 9px;\n    border-top: 8px solid var(--color-border-default);\n    border-right: 8px solid transparent;\n    border-bottom: 0;\n    border-left: 8px solid transparent;\n  }\n\n  &::after {\n    bottom: -7px;\n    left: 10px;\n    border-top: 7px solid var(--color-canvas-overlay);\n    border-right: 7px solid transparent;\n    border-bottom: 0;\n    border-left: 7px solid transparent;\n  }\n}\n\n.dropdown-menu-s {\n  right: 50%;\n  left: auto;\n  transform: translateX(50%);\n\n  &::before {\n    top: -16px;\n    right: 50%;\n    transform: translateX(50%);\n  }\n\n  &::after {\n    top: -14px;\n    right: 50%;\n    transform: translateX(50%);\n  }\n}\n\n.dropdown-menu-sw {\n  right: 0;\n  left: auto;\n\n  &::before {\n    top: -16px;\n    right: 9px;\n    left: auto;\n  }\n\n  &::after {\n    top: -14px;\n    right: 10px;\n    left: auto;\n  }\n}\n\n.dropdown-menu-se {\n  &::before {\n    top: -16px;\n    left: 9px;\n  }\n\n  &::after {\n    top: -14px;\n    left: 10px;\n  }\n}"]}