@use 'libs/components/theme/src/lib/styles/mixins' as mixins;
@use 'libs/components/theme/src/lib/styles/compat-tokens-mixins' as compatMixins;
@use 'libs/components/theme/src/lib/styles/variables' as *;

@include compatMixins.sky-modern-overrides('.sky-chevron') {
  --sky-override-chevron-line-height: calc(20 / 14);
  --sky-override-chevron-size: #{$sky-context-menu-size};
  padding: 0;
}

@include mixins.sky-component('modern', '.sky-chevron') {
  border: none;
  background-color: transparent;
  flex-shrink: 0;
  height: var(--sky-override-chevron-size, '');
  line-height: var(--sky-override-chevron-line-height, 1);
  margin: 0;
  overflow: hidden;
  width: var(--sky-override-chevron-size, '');
  cursor: pointer;
  position: relative;
  vertical-align: top;
}
