@import "bootstrap3/mixins";
@import "bootstrap3/variables";

//
// Alerts
// --------------------------------------------------


// Base styles
// -------------------------

.intense {
  &.alert {
    padding: $alert-padding;
    margin-bottom: $line-height-computed;
    border: 1px solid transparent;

    &.alert-block {
      padding: ($alert-padding * 1.5);
    }
   
    // Headings for larger alerts
    h4 {
      margin-top: 0;
      // Specified for the h4 to prevent conflicts of changing $headingsColor
      color: inherit;
    }
    // Provide class for links that match alerts
    .alert-link {
      font-weight: $alert-link-font-weight;
    }

    // // Improve alignment and spacing of inner content
    // > p,
    // > ul {
    //   margin-bottom: 0;
    // }
    // > p + p {
    //   margin-top: 5px;
    // }
  }

  // Dismissable alerts
  //
  // Expand the right padding and account for the close button's positioning.

  &.alert-dismissable {
   padding-right: ($alert-padding + 20);

    // Adjust close link position
    .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit;
    }

    &.alert-block {
      padding: ($alert-padding * 1.4 + 20);

      .close {
        top: -15px;
        right: -10px;
      }
    }
  }
}

//
// Close icons
// --------------------------------------------------

.intense {
  .close {
    float: right;
    font-size: ($font-size-base * 1.5);
    font-weight: $close-font-weight;
    line-height: 1;
    color: $close-color;
    text-shadow: $close-text-shadow;
    opacity: 0.2;    

    &:hover,
    &:focus {
      color: $close-color;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.5;
    }
  }

  // Additional properties for button version
  // iOS requires the button element instead of an anchor tag.
  // If you want the anchor version, it requires `href="#"`.
  button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
}

.intense.rtl {
  .close {
    float: left;
    right: 0;
    left: -21px;
  }
}
