Merge pull request #16563 from dbkaplun/dl-horizontal-breakpoint

Adds @dl-horizontal-breakpoint

docs/_includes/customizer-variables.html

@@ -1878,6 +1878,11 @@
     <p id="help-block-@dl-horizontal-offset" class="help-block">Width of horizontal description list titles</p>
   </div>
   <div class="clearfix"></div>
+  <div class="col-xs-4">
+    <label for="input-@dl-horizontal-breakpoint">@dl-horizontal-breakpoint</label>
+    <input id="input-@dl-horizontal-breakpoint" type="text" aria-describedby="help-block-@dl-horizontal-breakpoint" value="@grid-float-breakpoint" data-var="@dl-horizontal-breakpoint" class="form-control"/>
+    <p id="help-block-@dl-horizontal-breakpoint" class="help-block">Point at which .dl-horizontal becomes horizontal</p>
+  </div>
   <div class="col-xs-4">
     <label for="input-@hr-border">@hr-border</label>
     <input id="input-@hr-border" type="text" aria-describedby="help-block-@hr-border" value="@gray-lighter" data-var="@hr-border" class="form-control"/>

less/type.less

@@ -211,7 +211,7 @@ dd {
     &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
   }
 
-  @media (min-width: @grid-float-breakpoint) {
+  @media (min-width: @dl-horizontal-breakpoint) {
     dt {
       float: left;
       width: (@dl-horizontal-offset - 20);

less/variables.less

@@ -863,5 +863,7 @@
 @page-header-border-color:    @gray-lighter;
 //** Width of horizontal description list titles
 @dl-horizontal-offset:        @component-offset-horizontal;
+//** Point at which .dl-horizontal becomes horizontal
+@dl-horizontal-breakpoint:    @grid-float-breakpoint;
 //** Horizontal line color.
 @hr-border:                   @gray-lighter;