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

//
// Definitions
// --------------------------------------------------

// Description Lists
dl.intense {
  margin-bottom: $line-height-computed;
}

.intense {
  dt,
  dd {
    line-height: $line-height-base;    
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0; // Undo browser default
    margin-bottom: 10px;
  }
}

// Horizontal description lists
//
// Defaults to being stacked without any of the below styles applied, until the
// grid breakpoint is reached (default of ~768px).

@media (min-width: $grid-float-breakpoint) {
  .intense.dl-horizontal {
    dt {
      float: left;
      width: ($component-offset-horizontal - 20);
      clear: left;
      text-align: right;
      @include text-overflow;
    }
    dd {
      margin-left: $component-offset-horizontal;
      @include clearfix; // Clear the floated `dt` if an empty `dd` is present
    }
  }

  .intense.dl-horizontal.rtl {
    dt {
      float: right;
      clear: right;
      text-align: left;
    }
    dd {
       margin-right: $component-offset-horizontal;
       margin-left: 0;
    }
  }
}
