Commit d1660ad0 authored by Mark Otto's avatar Mark Otto

Swap -small and -large variables for -sm and -lg

parent 2cc9e773
......@@ -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;
}
......
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -131,12 +131,12 @@
<p class="help-block">Sets the <code>&lt;body&gt;</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>&lt;th&gt;</code>s and <code>&lt;td&gt;</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">
......
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -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;
}
......
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment