bramw_baserow/web-frontend/src/scss/abstracts/_mixins.scss

@mixin button-style($background, $active-background, $color: $white) {
  background-color: $background;
  color: $color;

  &:active {
    background-color: $active-background;
  }

  &.disabled,
  &[disabled] {
    background-color: $background;
  }

  &.button-loading {
    background-color: $active-background;
    color: $active-background;
  }
}

@mixin button-size($font-size, $height, $left-right-space) {
  font-size: $font-size;
  height: $height;
  line-height: $height;
  padding: 0 $left-right-space;
}

@mixin alert-style($background, $border, $title, $text, $icon-border) {
  background-color: $background;
  border-color: $border;

  .alert-icon {
    border-color: $icon-border;
  }

  .alert-title {
    color: $title;
  }

  .alert-content {
    color: $text;
  }
}

@mixin fixed-height($height, $font-size) {
  height: $height;
  line-height: $height;
  font-size: $font-size;
}

@mixin center-text($width, $font-size, $height: $width) {
  @include fixed-height($height, $font-size);

  width: $width;
  text-align: center;
}