@import "~@angular/material/theming";
@import "../../scss/xmat-vars";

@mixin xmat-action-text-theme($theme) {

  $palette: (
		  accent: map-get($theme, accent),
		  warn: map-get($theme, warn),
		  primary: map-get($theme, primary)
  );

  .xmat-action {
	cursor: pointer;

	&.disabled {
	  opacity: 0.5;
	  pointer-events: none;
	  position: relative;

	  &:after {
		content: " ";
		position: absolute;
		background-color: transparent;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	  }
	}

	@each $key, $color in $palette {
	  &.mat-#{$key} {
		color: mat-color($color);
	  }
	}
  }
}