/**
 * @author Will Steinmetz
 *
 * ChicChat family themes for the notific8 plug-in for jQuery
 *
 * Copyright (c)2013-2016, Will Steinmetz
 * Licensed under the BSD license.
 * http://opensource.org/licenses/BSD-3-Clause
 */

// mixins
@mixin notific8_chicchat_theme($name, $color) {
  .#{$notific8-ns}-notification.family-chicchat.#{$name} {
    border-color: $color;

    .#{$notific8-ns}-close {
      color: $color;
    }
  }
}

.#{$notific8-ns}-notification {
  &.family-chicchat {
    background-color: #fff;
    border-radius: .25em;
    border-style: solid;
    border-width: 1px;
    color: #121212;
    font-size: em(14px);
    height: 0;
    padding: 1.125em;
    transition: all .15s ease-in-out;
    width: em(500px);

    .#{$notific8-ns}-heading {
      font-weight: bold;
      margin-bottom: .5em;
    }

    .#{$notific8-ns}-close {
      top: .325em;

      &.sticky {
        font-size: .75em;
        text-decoration: underline;
      }
    }

    &.open {
      height: em(120px);
    }
  }
}

.right {
  .#{$notific8-ns}-notification.family-chicchat {
    border-left-width: em(45px, 14px);
    margin-right: .625em;

    &.has-icon {
      border-left-width: 1px;
      padding-left: em(62px, 14px);
    }

    .#{$notific8-ns}-close {
      right: .5em;
    }
  }
}

.left {
  .#{$notific8-ns}-notification.family-chicchat {
    border-right-width: em(45px, 14px);
    margin-left: .625em;

    &.has-icon {
      border-right-width: 1px;
      padding-right: em(62px, 14px);
    }

    .#{$notific8-ns}-close {
      left: .5em;
    }
  }
}