// Style DITA note elements w/ Bootstrap components

// Apply `.alert` rule from `_alerts.scss` div.note, div.important, div.attention {

@extend .alert;
margin: 1em;

a {
  @extend .alert-link;
}

}

// Import alert settings for note variants

// Note = alert alert-info .note {

@extend .alert-info;
// Tip = alert alert-success
&.tip {
  @extend .alert-success;
}

}

// Important = alert alert-warning .attention, .important {

@extend .alert-warning;

}

// Caution, Warning = alert alert-danger .caution, .warning {

@extend .alert-danger;

}

// Title styles

// Common `.note__title` class for v2.2 and newer // Legacy `.*title` classes for backwards compatibility w/ v2.1 and earlier (removed in v2.4) .note__title, .notetitle, .tiptitle, .fastpathtitle, .restrictiontitle, .importanttitle, .remembertitle, .attentiontitle, .cautiontitle, .noticetitle, .dangertitle, .warningtitle, .othertitle {

font-weight: bold;

}