@use 'sass:color';
@use 'variables' as *;

@mixin when-dark-skin {
  @if $skin-name =='bootstrap5-dark' or $skin-name == 'bootstrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fluent2-dark' or $skin-name == 'fluent-dark' or $skin-name == 'highcontrast' or $skin-name == 'material3-dark' or $skin-name == 'material-dark' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind-dark' {
    @content;
  }
}

@mixin border-color-when-dark($color) {
  @include when-dark-skin {
    border-color: $color;
  }
}

@mixin grid-columns($count, $gap: 1.5rem) {
  display: grid;
  grid-template-columns: repeat($count, 1fr);
  gap: $gap;
}

@mixin form-group-self-end($descendant) {
  & > .form-group:has(#{$descendant}) {
    align-self: flex-end;
  }
}