@use 'libs/components/theme/src/lib/styles/mixins' as mixins;
@use 'libs/components/theme/src/lib/styles/variables' as *;

@include mixins.sky-component('default', '.sky-chevron') {
  border: none;
  background-color: transparent;
  flex-shrink: 0;
  height: $sky-context-menu-size;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: $sky-context-menu-size;
  cursor: pointer;
  position: relative;
  vertical-align: top;

  &:hover .sky-chevron-part {
    border-color: darken($sky-text-color-icon-borderless, 20%);
  }
}
