mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
Swap -small and -large variables for -sm and -lg
This commit is contained in:
Mark Otto
parent
2cc9e773c5
commit
d1660ad078
188
dist/css/bootstrap.css
vendored
188
dist/css/bootstrap.css
vendored
@ -491,100 +491,6 @@ mark,
|
||||
padding: .2em;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.text-muted {
|
||||
color: #818a91;
|
||||
}
|
||||
.text-primary {
|
||||
color: #027de7;
|
||||
}
|
||||
a.text-primary:hover {
|
||||
color: #0262b4;
|
||||
}
|
||||
.text-success {
|
||||
color: #3c763d;
|
||||
}
|
||||
a.text-success:hover {
|
||||
color: #2b542c;
|
||||
}
|
||||
.text-info {
|
||||
color: #31708f;
|
||||
}
|
||||
a.text-info:hover {
|
||||
color: #245269;
|
||||
}
|
||||
.text-warning {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
a.text-warning:hover {
|
||||
color: #66512c;
|
||||
}
|
||||
.text-danger {
|
||||
color: #a94442;
|
||||
}
|
||||
a.text-danger:hover {
|
||||
color: #843534;
|
||||
}
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
a.bg-primary:hover {
|
||||
background-color: #0262b4;
|
||||
}
|
||||
.bg-success {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
a.bg-success:hover {
|
||||
background-color: #c1e2b3;
|
||||
}
|
||||
.bg-info {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
a.bg-info:hover {
|
||||
background-color: #afd9ee;
|
||||
}
|
||||
.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
a.bg-warning:hover {
|
||||
background-color: #f7ecb5;
|
||||
}
|
||||
.bg-danger {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
a.bg-danger:hover {
|
||||
background-color: #e4b9b9;
|
||||
}
|
||||
.bg-gray-dark {
|
||||
background-color: #373a3c;
|
||||
}
|
||||
a.bg-gray-dark:hover {
|
||||
background-color: #1f2021;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 0;
|
||||
@ -5352,6 +5258,100 @@ button.close {
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.text-muted {
|
||||
color: #818a91;
|
||||
}
|
||||
.text-primary {
|
||||
color: #027de7;
|
||||
}
|
||||
a.text-primary:hover {
|
||||
color: #0262b4;
|
||||
}
|
||||
.text-success {
|
||||
color: #3c763d;
|
||||
}
|
||||
a.text-success:hover {
|
||||
color: #2b542c;
|
||||
}
|
||||
.text-info {
|
||||
color: #31708f;
|
||||
}
|
||||
a.text-info:hover {
|
||||
color: #245269;
|
||||
}
|
||||
.text-warning {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
a.text-warning:hover {
|
||||
color: #66512c;
|
||||
}
|
||||
.text-danger {
|
||||
color: #a94442;
|
||||
}
|
||||
a.text-danger:hover {
|
||||
color: #843534;
|
||||
}
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
a.bg-primary:hover {
|
||||
background-color: #0262b4;
|
||||
}
|
||||
.bg-success {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
a.bg-success:hover {
|
||||
background-color: #c1e2b3;
|
||||
}
|
||||
.bg-info {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
a.bg-info:hover {
|
||||
background-color: #afd9ee;
|
||||
}
|
||||
.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
a.bg-warning:hover {
|
||||
background-color: #f7ecb5;
|
||||
}
|
||||
.bg-danger {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
a.bg-danger:hover {
|
||||
background-color: #e4b9b9;
|
||||
}
|
||||
.bg-gray-dark {
|
||||
background-color: #373a3c;
|
||||
}
|
||||
a.bg-gray-dark:hover {
|
||||
background-color: #1f2021;
|
||||
}
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -131,12 +131,12 @@
|
||||
<p class="help-block">Sets the <code><body></code> and more to the root pixel value.</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@font-size-large">@font-size-large</label>
|
||||
<input id="input-@font-size-large" type="text" value="1.25rem" data-var="@font-size-large" class="form-control"/>
|
||||
<label for="input-@font-size-lg">@font-size-lg</label>
|
||||
<input id="input-@font-size-lg" type="text" value="1.25rem" data-var="@font-size-lg" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@font-size-small">@font-size-small</label>
|
||||
<input id="input-@font-size-small" type="text" value=".85rem" data-var="@font-size-small" class="form-control"/>
|
||||
<label for="input-@font-size-sm">@font-size-sm</label>
|
||||
<input id="input-@font-size-sm" type="text" value=".85rem" data-var="@font-size-sm" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@font-size-xs">@font-size-xs</label>
|
||||
@ -206,20 +206,20 @@
|
||||
<input id="input-@padding-base-horizontal" type="text" value=".75rem" data-var="@padding-base-horizontal" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@padding-large-vertical">@padding-large-vertical</label>
|
||||
<input id="input-@padding-large-vertical" type="text" value=".75rem" data-var="@padding-large-vertical" class="form-control"/>
|
||||
<label for="input-@padding-lg-vertical">@padding-lg-vertical</label>
|
||||
<input id="input-@padding-lg-vertical" type="text" value=".75rem" data-var="@padding-lg-vertical" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@padding-large-horizontal">@padding-large-horizontal</label>
|
||||
<input id="input-@padding-large-horizontal" type="text" value="1.5rem" data-var="@padding-large-horizontal" class="form-control"/>
|
||||
<label for="input-@padding-lg-horizontal">@padding-lg-horizontal</label>
|
||||
<input id="input-@padding-lg-horizontal" type="text" value="1.5rem" data-var="@padding-lg-horizontal" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@padding-small-vertical">@padding-small-vertical</label>
|
||||
<input id="input-@padding-small-vertical" type="text" value=".3rem" data-var="@padding-small-vertical" class="form-control"/>
|
||||
<label for="input-@padding-sm-vertical">@padding-sm-vertical</label>
|
||||
<input id="input-@padding-sm-vertical" type="text" value=".3rem" data-var="@padding-sm-vertical" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@padding-small-horizontal">@padding-small-horizontal</label>
|
||||
<input id="input-@padding-small-horizontal" type="text" value=".75rem" data-var="@padding-small-horizontal" class="form-control"/>
|
||||
<label for="input-@padding-smhorizontal">@padding-smhorizontal</label>
|
||||
<input id="input-@padding-smhorizontal" type="text" value=".75rem" data-var="@padding-smhorizontal" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@padding-xs-vertical">@padding-xs-vertical</label>
|
||||
@ -230,24 +230,24 @@
|
||||
<input id="input-@padding-xs-horizontal" type="text" value=".5rem" data-var="@padding-xs-horizontal" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@line-height-large">@line-height-large</label>
|
||||
<input id="input-@line-height-large" type="text" value="1.33" data-var="@line-height-large" class="form-control"/>
|
||||
<label for="input-@line-height-lg">@line-height-lg</label>
|
||||
<input id="input-@line-height-lg" type="text" value="1.33" data-var="@line-height-lg" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@line-height-small">@line-height-small</label>
|
||||
<input id="input-@line-height-small" type="text" value="1.5" data-var="@line-height-small" class="form-control"/>
|
||||
<label for="input-@line-height-sm">@line-height-sm</label>
|
||||
<input id="input-@line-height-sm" type="text" value="1.5" data-var="@line-height-sm" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@border-radius-base">@border-radius-base</label>
|
||||
<input id="input-@border-radius-base" type="text" value=".25rem" data-var="@border-radius-base" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@border-radius-large">@border-radius-large</label>
|
||||
<input id="input-@border-radius-large" type="text" value=".3rem" data-var="@border-radius-large" class="form-control"/>
|
||||
<label for="input-@border-radius-lg">@border-radius-lg</label>
|
||||
<input id="input-@border-radius-lg" type="text" value=".3rem" data-var="@border-radius-lg" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@border-radius-small">@border-radius-small</label>
|
||||
<input id="input-@border-radius-small" type="text" value=".2rem" data-var="@border-radius-small" class="form-control"/>
|
||||
<label for="input-@border-radius-sm">@border-radius-sm</label>
|
||||
<input id="input-@border-radius-sm" type="text" value=".2rem" data-var="@border-radius-sm" class="form-control"/>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@component-active-color">@component-active-color</label>
|
||||
@ -279,9 +279,9 @@
|
||||
<p class="help-block">Padding for <code><th></code>s and <code><td></code>s.</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@table-condensed-cell-padding">@table-condensed-cell-padding</label>
|
||||
<input id="input-@table-condensed-cell-padding" type="text" value=".3rem" data-var="@table-condensed-cell-padding" class="form-control"/>
|
||||
<p class="help-block">Padding for cells in <code>.table-condensed</code>.</p>
|
||||
<label for="input-@table-sm-cell-padding">@table-sm-cell-padding</label>
|
||||
<input id="input-@table-sm-cell-padding" type="text" value=".3rem" data-var="@table-sm-cell-padding" class="form-control"/>
|
||||
<p class="help-block">Padding for cells in <code>.table-sm</code>.</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@table-bg">@table-bg</label>
|
||||
@ -421,13 +421,13 @@
|
||||
<p class="help-block">Default <code>.form-control</code> border radius</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@input-border-radius-large">@input-border-radius-large</label>
|
||||
<input id="input-@input-border-radius-large" type="text" value="@border-radius-large" data-var="@input-border-radius-large" class="form-control"/>
|
||||
<label for="input-@input-border-radius-lg">@input-border-radius-lg</label>
|
||||
<input id="input-@input-border-radius-lg" type="text" value="@border-radius-lg" data-var="@input-border-radius-lg" class="form-control"/>
|
||||
<p class="help-block">Large <code>.form-control</code> border radius</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@input-border-radius-small">@input-border-radius-small</label>
|
||||
<input id="input-@input-border-radius-small" type="text" value="@border-radius-small" data-var="@input-border-radius-small" class="form-control"/>
|
||||
<label for="input-@input-border-radius-sm">@input-border-radius-sm</label>
|
||||
<input id="input-@input-border-radius-sm" type="text" value="@border-radius-sm" data-var="@input-border-radius-sm" class="form-control"/>
|
||||
<p class="help-block">Small <code>.form-control</code> border radius</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
@ -450,13 +450,13 @@
|
||||
<p class="help-block">Default <code>.form-control</code> height</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@input-height-large">@input-height-large</label>
|
||||
<input id="input-@input-height-large" type="text" value="((@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + (@border-width * 2))" data-var="@input-height-large" class="form-control"/>
|
||||
<label for="input-@input-height-lg">@input-height-lg</label>
|
||||
<input id="input-@input-height-lg" type="text" value="((@font-size-lg * @line-height-lg) + (@padding-lg-vertical * 2) + (@border-width * 2))" data-var="@input-height-lg" class="form-control"/>
|
||||
<p class="help-block">Large <code>.form-control</code> height</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
<label for="input-@input-height-small">@input-height-small</label>
|
||||
<input id="input-@input-height-small" type="text" value="((@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + (@border-width * 2))" data-var="@input-height-small" class="form-control"/>
|
||||
<label for="input-@input-height-sm">@input-height-sm</label>
|
||||
<input id="input-@input-height-sm" type="text" value="((@font-size-sm * @line-height-sm) + (@padding-sm-vertical * 2) + (@border-width * 2))" data-var="@input-height-sm" class="form-control"/>
|
||||
<p class="help-block">Small <code>.form-control</code> height</p>
|
||||
</div>
|
||||
<div class="bs-customizer-input">
|
||||
|
||||
2
docs/assets/css/docs.min.css
vendored
2
docs/assets/css/docs.min.css
vendored
File diff suppressed because one or more lines are too long
2
docs/assets/js/customize.min.js
vendored
2
docs/assets/js/customize.min.js
vendored
File diff suppressed because one or more lines are too long
2
docs/assets/js/raw-files.min.js
vendored
2
docs/assets/js/raw-files.min.js
vendored
File diff suppressed because one or more lines are too long
200
docs/dist/css/bootstrap.css
vendored
200
docs/dist/css/bootstrap.css
vendored
@ -491,100 +491,6 @@ mark,
|
||||
padding: .2em;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.text-muted {
|
||||
color: #818a91;
|
||||
}
|
||||
.text-primary {
|
||||
color: #027de7;
|
||||
}
|
||||
a.text-primary:hover {
|
||||
color: #0262b4;
|
||||
}
|
||||
.text-success {
|
||||
color: #3c763d;
|
||||
}
|
||||
a.text-success:hover {
|
||||
color: #2b542c;
|
||||
}
|
||||
.text-info {
|
||||
color: #31708f;
|
||||
}
|
||||
a.text-info:hover {
|
||||
color: #245269;
|
||||
}
|
||||
.text-warning {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
a.text-warning:hover {
|
||||
color: #66512c;
|
||||
}
|
||||
.text-danger {
|
||||
color: #a94442;
|
||||
}
|
||||
a.text-danger:hover {
|
||||
color: #843534;
|
||||
}
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
a.bg-primary:hover {
|
||||
background-color: #0262b4;
|
||||
}
|
||||
.bg-success {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
a.bg-success:hover {
|
||||
background-color: #c1e2b3;
|
||||
}
|
||||
.bg-info {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
a.bg-info:hover {
|
||||
background-color: #afd9ee;
|
||||
}
|
||||
.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
a.bg-warning:hover {
|
||||
background-color: #f7ecb5;
|
||||
}
|
||||
.bg-danger {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
a.bg-danger:hover {
|
||||
background-color: #e4b9b9;
|
||||
}
|
||||
.bg-gray-dark {
|
||||
background-color: #373a3c;
|
||||
}
|
||||
a.bg-gray-dark:hover {
|
||||
background-color: #1f2021;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 0;
|
||||
@ -1442,12 +1348,12 @@ th {
|
||||
.table > tbody + tbody {
|
||||
border-top: 2px solid #eceeef;
|
||||
}
|
||||
.table-condensed > thead > tr > th,
|
||||
.table-condensed > tbody > tr > th,
|
||||
.table-condensed > tfoot > tr > th,
|
||||
.table-condensed > thead > tr > td,
|
||||
.table-condensed > tbody > tr > td,
|
||||
.table-condensed > tfoot > tr > td {
|
||||
.table-sm > thead > tr > th,
|
||||
.table-sm > tbody > tr > th,
|
||||
.table-sm > tfoot > tr > th,
|
||||
.table-sm > thead > tr > td,
|
||||
.table-sm > tbody > tr > td,
|
||||
.table-sm > tfoot > tr > td {
|
||||
padding: .3rem;
|
||||
}
|
||||
.table-bordered {
|
||||
@ -5352,6 +5258,100 @@ button.close {
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
.text-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
.text-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.text-capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.text-muted {
|
||||
color: #818a91;
|
||||
}
|
||||
.text-primary {
|
||||
color: #027de7;
|
||||
}
|
||||
a.text-primary:hover {
|
||||
color: #0262b4;
|
||||
}
|
||||
.text-success {
|
||||
color: #3c763d;
|
||||
}
|
||||
a.text-success:hover {
|
||||
color: #2b542c;
|
||||
}
|
||||
.text-info {
|
||||
color: #31708f;
|
||||
}
|
||||
a.text-info:hover {
|
||||
color: #245269;
|
||||
}
|
||||
.text-warning {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
a.text-warning:hover {
|
||||
color: #66512c;
|
||||
}
|
||||
.text-danger {
|
||||
color: #a94442;
|
||||
}
|
||||
a.text-danger:hover {
|
||||
color: #843534;
|
||||
}
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #027de7;
|
||||
}
|
||||
a.bg-primary:hover {
|
||||
background-color: #0262b4;
|
||||
}
|
||||
.bg-success {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
a.bg-success:hover {
|
||||
background-color: #c1e2b3;
|
||||
}
|
||||
.bg-info {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
a.bg-info:hover {
|
||||
background-color: #afd9ee;
|
||||
}
|
||||
.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
a.bg-warning:hover {
|
||||
background-color: #f7ecb5;
|
||||
}
|
||||
.bg-danger {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
a.bg-danger:hover {
|
||||
background-color: #e4b9b9;
|
||||
}
|
||||
.bg-gray-dark {
|
||||
background-color: #373a3c;
|
||||
}
|
||||
a.bg-gray-dark:hover {
|
||||
background-color: #1f2021;
|
||||
}
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
2
docs/dist/css/bootstrap.css.map
vendored
2
docs/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css
vendored
2
docs/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -122,14 +122,14 @@
|
||||
|
||||
.btn-lg {
|
||||
// line-height: ensure even-numbered height of button next to large input
|
||||
.button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||
.button-size(@padding-lg-vertical; @padding-lg-horizontal; @font-size-lg; @line-height-lg; @border-radius-lg);
|
||||
}
|
||||
.btn-sm {
|
||||
// line-height: ensure proper height of button next to small input
|
||||
.button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
||||
.button-size(@padding-sm-vertical; @padding-smhorizontal; @font-size-sm; @line-height-sm; @border-radius-sm);
|
||||
}
|
||||
.btn-xs {
|
||||
.button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-xs; @line-height-small; @border-radius-small);
|
||||
.button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-xs; @line-height-sm; @border-radius-sm);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@ kbd {
|
||||
font-size: 90%;
|
||||
color: @kbd-color;
|
||||
background-color: @kbd-bg;
|
||||
.border-radius(@border-radius-small);
|
||||
.border-radius(@border-radius-sm);
|
||||
.box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25));
|
||||
|
||||
kbd {
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
font-size: @font-size-small;
|
||||
font-size: @font-size-sm;
|
||||
line-height: @line-height-base;
|
||||
color: @dropdown-header-color;
|
||||
white-space: nowrap; // as with > li > a
|
||||
|
||||
@ -185,12 +185,12 @@ input[type="month"] {
|
||||
line-height: @line-height-base ~"\0";
|
||||
|
||||
&.input-sm {
|
||||
line-height: @input-height-small;
|
||||
line-height: @line-height-small ~"\0";
|
||||
line-height: @input-height-sm;
|
||||
line-height: @line-height-sm ~"\0";
|
||||
}
|
||||
&.input-lg {
|
||||
line-height: @input-height-large;
|
||||
line-height: @line-height-large ~"\0";
|
||||
line-height: @input-height-lg;
|
||||
line-height: @line-height-lg ~"\0";
|
||||
}
|
||||
}
|
||||
|
||||
@ -202,10 +202,10 @@ _:-ms-fullscreen, :root input[type="month"] {
|
||||
line-height: @line-height-base;
|
||||
|
||||
&.input-sm {
|
||||
line-height: @line-height-small;
|
||||
line-height: @line-height-sm;
|
||||
}
|
||||
&.input-lg {
|
||||
line-height: @line-height-large;
|
||||
line-height: @line-height-lg;
|
||||
}
|
||||
}
|
||||
|
||||
@ -328,12 +328,12 @@ input[type="checkbox"] {
|
||||
|
||||
.input-sm,
|
||||
.form-group-sm .form-control {
|
||||
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
|
||||
.input-size(@input-height-sm; @padding-sm-vertical; @padding-smhorizontal; @font-size-sm; @line-height-sm; @input-border-radius-sm);
|
||||
}
|
||||
|
||||
.input-lg,
|
||||
.form-group-lg .form-control {
|
||||
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
|
||||
.input-size(@input-height-lg; @padding-lg-vertical; @padding-lg-horizontal; @font-size-lg; @line-height-lg; @input-border-radius-lg);
|
||||
}
|
||||
|
||||
|
||||
@ -364,14 +364,14 @@ input[type="checkbox"] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.input-lg + .form-control-feedback {
|
||||
width: @input-height-large;
|
||||
height: @input-height-large;
|
||||
line-height: @input-height-large;
|
||||
width: @input-height-lg;
|
||||
height: @input-height-lg;
|
||||
line-height: @input-height-lg;
|
||||
}
|
||||
.input-sm + .form-control-feedback {
|
||||
width: @input-height-small;
|
||||
height: @input-height-small;
|
||||
line-height: @input-height-small;
|
||||
width: @input-height-sm;
|
||||
height: @input-height-sm;
|
||||
line-height: @input-height-sm;
|
||||
}
|
||||
|
||||
// Feedback states
|
||||
@ -548,14 +548,14 @@ input[type="checkbox"] {
|
||||
.form-group-lg {
|
||||
@media (min-width: @screen-sm-min) {
|
||||
.control-label {
|
||||
padding-top: ((@padding-large-vertical * @line-height-large) + 1);
|
||||
padding-top: ((@padding-lg-vertical * @line-height-lg) + 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-group-sm {
|
||||
@media (min-width: @screen-sm-min) {
|
||||
.control-label {
|
||||
padding-top: (@padding-small-vertical + 1);
|
||||
padding-top: (@padding-sm-vertical + 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -83,14 +83,14 @@
|
||||
|
||||
// Sizing
|
||||
&.input-sm {
|
||||
padding: @padding-small-vertical @padding-small-horizontal;
|
||||
font-size: @font-size-small;
|
||||
.border-radius(@border-radius-small);
|
||||
padding: @padding-sm-vertical @padding-smhorizontal;
|
||||
font-size: @font-size-sm;
|
||||
.border-radius(@border-radius-sm);
|
||||
}
|
||||
&.input-lg {
|
||||
padding: @padding-large-vertical @padding-large-horizontal;
|
||||
font-size: @font-size-large;
|
||||
.border-radius(@border-radius-large);
|
||||
padding: @padding-lg-vertical @padding-lg-horizontal;
|
||||
font-size: @font-size-lg;
|
||||
.border-radius(@border-radius-lg);
|
||||
}
|
||||
|
||||
// Nuke default margins from checkboxes and radios to vertically center within.
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
.container &,
|
||||
.container-fluid & {
|
||||
.border-radius(@border-radius-large); // Only round corners at higher resolutions if contained in a container
|
||||
.border-radius(@border-radius-lg); // Only round corners at higher resolutions if contained in a container
|
||||
}
|
||||
|
||||
.container {
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
position: relative;
|
||||
background-color: @modal-content-bg;
|
||||
border: 1px solid @modal-content-border-color;
|
||||
.border-radius(@border-radius-large);
|
||||
.border-radius(@border-radius-lg);
|
||||
.box-shadow(0 3px 9px rgba(0,0,0,.5));
|
||||
background-clip: padding-box;
|
||||
// Remove focus outline from opened modal
|
||||
|
||||
@ -167,7 +167,7 @@
|
||||
padding: .55rem .75rem;
|
||||
margin-right: @spacer;
|
||||
margin-bottom: 0; // For headings
|
||||
font-size: @font-size-large;
|
||||
font-size: @font-size-lg;
|
||||
line-height: @line-height-computed;
|
||||
/*height: @navbar-height;*/
|
||||
|
||||
@ -196,7 +196,7 @@
|
||||
padding: .55rem .75rem;
|
||||
margin-right: @spacer;
|
||||
margin-bottom: 0; // For headings
|
||||
font-size: @font-size-large;
|
||||
font-size: @font-size-lg;
|
||||
line-height: @line-height-computed;
|
||||
background: none;
|
||||
border: 0;
|
||||
@ -366,7 +366,7 @@
|
||||
.navbar-vertical-align(@input-height-base);
|
||||
|
||||
&.btn-sm {
|
||||
.navbar-vertical-align(@input-height-small);
|
||||
.navbar-vertical-align(@input-height-sm);
|
||||
}
|
||||
&.btn-xs {
|
||||
.navbar-vertical-align(22);
|
||||
|
||||
@ -79,10 +79,10 @@
|
||||
|
||||
// Large
|
||||
.pagination-lg {
|
||||
.pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
|
||||
.pagination-size(@padding-lg-vertical; @padding-lg-horizontal; @font-size-lg; @border-radius-lg);
|
||||
}
|
||||
|
||||
// Small
|
||||
.pagination-sm {
|
||||
.pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
|
||||
.pagination-size(@padding-sm-vertical; @padding-smhorizontal; @font-size-sm; @border-radius-sm);
|
||||
}
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
background-color: @popover-bg;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid @popover-border-color;
|
||||
.border-radius(@border-radius-large);
|
||||
.border-radius(@border-radius-lg);
|
||||
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
||||
|
||||
// Overrides for proper insertion
|
||||
@ -38,7 +38,7 @@
|
||||
font-size: @font-size-base;
|
||||
background-color: @popover-title-bg;
|
||||
border-bottom: 1px solid darken(@popover-title-bg, 5%);
|
||||
border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
|
||||
border-radius: (@border-radius-lg - 1) (@border-radius-lg - 1) 0 0;
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
|
||||
@ -82,7 +82,7 @@ img {
|
||||
|
||||
// Rounded corners
|
||||
.img-rounded {
|
||||
.border-radius(@border-radius-large);
|
||||
.border-radius(@border-radius-lg);
|
||||
}
|
||||
|
||||
// Image thumbnails
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
z-index: @zindex-tooltip;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
font-size: @font-size-small;
|
||||
font-size: @font-size-sm;
|
||||
line-height: 1.4;
|
||||
opacity: 0;
|
||||
|
||||
|
||||
@ -71,7 +71,7 @@ p {
|
||||
// Ex: (12px small font / 14px base font) * 100% = about 85%
|
||||
small,
|
||||
.small {
|
||||
font-size: floor((100% * @font-size-small / @font-size-base));
|
||||
font-size: floor((100% * @font-size-sm / @font-size-base));
|
||||
}
|
||||
|
||||
mark,
|
||||
|
||||
@ -62,8 +62,8 @@
|
||||
@font-size-root: 16px;
|
||||
//** Sets the `<body>` and more to the root pixel value.
|
||||
@font-size-base: 1rem;
|
||||
@font-size-large: 1.25rem;
|
||||
@font-size-small: .85rem;
|
||||
@font-size-lg: 1.25rem;
|
||||
@font-size-sm: .85rem;
|
||||
@font-size-xs: .75rem;
|
||||
|
||||
@font-size-h1: 3rem;
|
||||
@ -92,21 +92,21 @@
|
||||
@padding-base-vertical: .5rem;
|
||||
@padding-base-horizontal: .75rem;
|
||||
|
||||
@padding-large-vertical: .75rem;
|
||||
@padding-large-horizontal: 1.5rem;
|
||||
@padding-lg-vertical: .75rem;
|
||||
@padding-lg-horizontal: 1.5rem;
|
||||
|
||||
@padding-small-vertical: .3rem;
|
||||
@padding-small-horizontal: .75rem;
|
||||
@padding-sm-vertical: .3rem;
|
||||
@padding-smhorizontal: .75rem;
|
||||
|
||||
@padding-xs-vertical: .2rem;
|
||||
@padding-xs-horizontal: .5rem;
|
||||
|
||||
@line-height-large: 1.33;
|
||||
@line-height-small: 1.5;
|
||||
@line-height-lg: 1.33;
|
||||
@line-height-sm: 1.5;
|
||||
|
||||
@border-radius-base: .25rem;
|
||||
@border-radius-large: .3rem;
|
||||
@border-radius-small: .2rem;
|
||||
@border-radius-lg: .3rem;
|
||||
@border-radius-sm: .2rem;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: #fff;
|
||||
@ -191,9 +191,9 @@
|
||||
//** Default `.form-control` border radius
|
||||
@input-border-radius: @border-radius-base;
|
||||
//** Large `.form-control` border radius
|
||||
@input-border-radius-large: @border-radius-large;
|
||||
@input-border-radius-lg: @border-radius-lg;
|
||||
//** Small `.form-control` border radius
|
||||
@input-border-radius-small: @border-radius-small;
|
||||
@input-border-radius-sm: @border-radius-sm;
|
||||
|
||||
//** Border color for inputs on focus
|
||||
@input-border-focus: #66afe9;
|
||||
@ -205,9 +205,9 @@
|
||||
//** Default `.form-control` height
|
||||
@input-height-base: ((@font-size-base * @line-height-base) + (@padding-base-vertical * 2) + (@border-width * 2));
|
||||
//** Large `.form-control` height
|
||||
@input-height-large: ((@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + (@border-width * 2));
|
||||
@input-height-lg: ((@font-size-lg * @line-height-lg) + (@padding-lg-vertical * 2) + (@border-width * 2));
|
||||
//** Small `.form-control` height
|
||||
@input-height-small: ((@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + (@border-width * 2));
|
||||
@input-height-sm: ((@font-size-sm * @line-height-sm) + (@padding-sm-vertical * 2) + (@border-width * 2));
|
||||
|
||||
@legend-color: @gray-dark;
|
||||
@legend-border-color: #e5e5e5;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user