@import (optional) url('../variables/tile.variant.less');

.app-tile {
  background-color: var(--wm-tile-background-color);
  border-radius: var(--wm-tile-border-radius);
  border-width: var(--wm-tile-border-width);
  border-color: var(--wm-tile-border-color);
  padding-top: var(--wm-tile-padding-top);
  padding-bottom: var(--wm-tile-padding-bottom);
  padding-left: var(--wm-tile-padding-left);
  padding-right: var(--wm-tile-padding-right);
  color: var(--wm-tile-color);
  border-style: solid;
}

.tile-template-text{
  color: var(--wm-tile-color);
}

.bg-default.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-primary.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-secondary.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-tertiary.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-success.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-info.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-warning.app-tile{
  background-color: var(--wm-tile-background-color);
}

.bg-danger.app-tile{
  background-color: var(--wm-tile-background-color);
}