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

.sky-toolbar-item {
  margin-right: $sky-margin-half;
  margin-bottom: $sky-padding-half;
}

@include mixins.sky-theme-modern {
  .sky-toolbar-item {
    margin-bottom: 0;
    margin-right: $sky-theme-modern-margin-inline-sm;

    ::ng-deep .sky-btn {
      padding-left: $sky-theme-modern-space-sm;
      padding-right: $sky-theme-modern-space-sm;

      &.sky-btn-default:not(:disabled) {
        background-color: transparent;
        border: none;

        &:not(:hover):not(:active):not(:focus) {
          box-shadow: inset 0 0 0 1px transparent;
        }
      }
    }
  }
}
