//====== MIXINS

// Creating Colors
.vc-make-message-color(@text; @icon: @text; @border: false; @background: false) {
  color: @text;
  & when not (@border = false) {
    border-color: @border;
  }
  & when not (@background = false) {
    background-color: @background;
  }
  .vc_message_box-icon {
    color: @icon;
  }
}

// make colors set
.vc-message-make-colors-set(@selector; @text; @icon; @border; @background; @contrast-color) {
  &.@{selector} {
    // Standard, Classic (Old style), 3d
    &.vc_message_box {
      .vc-make-message-color(@text; @icon; @border: @border; @background: @background);
    }
    // Solid
    &.vc_message_box-solid {
      .vc-make-message-color(@contrast-color; @border: transparent; @background: @icon);
    }
    // Outline (transparent background), Solid icon
    &.vc_message_box-outline,
    &.vc_message_box-solid-icon {
      .vc-make-message-color(@text; @icon; @border: @icon; @background: transparent);
    }
    // Solid icon
    &.vc_message_box-solid-icon {
      .vc_message_box-icon {
        color: @contrast-color;
        background-color: @icon;
      }
    }
    // 3d
    &.vc_message_box-3d {
      box-shadow: 0 @message-box-shadow-width-3d 0 darken(@border, 10%);
    }
  }
}
