diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html index 4dde831cb1c9db88ab69f8df1207270f1d1574cf..c260b90d268ca5377dfb083740fcf35a5e2d13ac 100644 --- a/docs/_includes/customizer-variables.html +++ b/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"/> diff --git a/less/type.less b/less/type.less index 68ba6017bf184d805a39530f0acd5cbb1495e522..0d4fee48486eaaa946e42f0335af6789fcf2a8d8 100644 --- a/less/type.less +++ b/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); diff --git a/less/variables.less b/less/variables.less index c1861a8e01d17b758fcaec10f98eea93d3cbb2f3..b057ef5bf907b8373a9308553c1924f8a3668881 100644 --- a/less/variables.less +++ b/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;