.breadcrumb {
padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
- margin-bottom: $line-height-computed;
+ margin-bottom: $spacer-y;
list-style: none;
background-color: $breadcrumb-bg;
@include border-radius($border-radius-base);
// horizontal form layout.
.form-control-static {
- min-height: ($line-height-computed + $font-size-base);
+ min-height: $input-height-base;
// Size it appropriately next to real form controls
padding-top: ($padding-base-vertical + $border-width);
padding-bottom: ($padding-base-vertical + $border-width);
//
@keyframes progress-bar-stripes {
- from { background-position: $line-height-computed 0; }
+ from { background-position: $spacer-y 0; }
to { background-position: 0 0; }
}
.progress {
display: block;
width: 100%;
- height: $line-height-computed;
- margin-bottom: $line-height-computed;
+ height: $spacer-y; // todo: make a new var for this
+ margin-bottom: $spacer-y;
}
.progress[value] {
// IE10 uses `color` to set the bar background-color
}
.progress-bar {
display: inline-block;
- height: $line-height-computed;
+ height: $spacer-y;
text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
background-color: #0074d9;
border-top-left-radius: $border-radius-base;
.progress-striped[value]::-webkit-progress-value {
@include gradient-striped();
- background-size: $line-height-computed $line-height-computed;
+ background-size: $spacer-y $spacer-y;
}
.progress-striped[value]::-moz-progress-bar {
@include gradient-striped();
- background-size: $line-height-computed $line-height-computed;
+ background-size: $spacer-y $spacer-y;
}
@media screen and ("min-width:0\0") {
.progress-bar-striped {
@include gradient-striped();
- background-size: $line-height-computed $line-height-computed;
+ background-size: $spacer-y $spacer-y;
}
}