@import "../../../../style/mixin";
@import "./material-definition";

@include export-module('cc-commit-buttons-theme') {
  .co-commit-buttons {
    .commit-buttons-wrapper {
      .commit-buttons-button {
        &.save {
          background: $cc-co-commit-buttons-button-background;
          .save-button-spinner div {
            border-color: $cc-co-commit-buttons-commit-color transparent transparent transparent;
          }
        }
        &.cancel {
          .cancel-button {
            border: 8px solid $cc-co-commit-buttons-button-background;
            background:
              linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,$cc-co-commit-buttons-cancel-color 45%,$cc-co-commit-buttons-cancel-color 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
              linear-gradient(135deg, $cc-co-commit-buttons-button-background 0%,$cc-co-commit-buttons-button-background 43%,$cc-co-commit-buttons-cancel-color 45%,$cc-co-commit-buttons-cancel-color 55%,$cc-co-commit-buttons-button-background 57%,$cc-co-commit-buttons-button-background 100%);
          }
        }
      }
    }
  }
}
