Refactored less workflow to reference Bootstrap sources.

css/laps.less

@@ -1,5 +1,7 @@
+@import (reference) "../vendor/twbs/bootstrap/less/variables.less";
+@import (reference) "../vendor/twbs/bootstrap/less/mixins.less";
+@import (reference) "../vendor/twbs/bootstrap/less/progress-bars.less";
 @import "variables.less";
-@import "mixins.less";
 
 #wpadminbar {
 
@@ -7,9 +9,9 @@
 
 		.ab-sub-wrapper {
 			min-width: 90%;
-			width: 90%;
-			position: fixed;
-			left: 5%;
+			width:     90%;
+			position:  fixed;
+			left:      5%;
 		}
 
 		.ab-submenu {
@@ -31,51 +33,35 @@
 	}
 
 	.laps-timeline {
-		overflow: hidden;
-		height: 20px;
-		margin: 6px 0;
-		background-color: @timeline-bg;
-		border-radius: 4px;
-		.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+		.progress;
+		margin:   6px 0;
 		position: relative;
+
+		.event {
+			.progress-bar;
+			position:    absolute; // disable stacking at start
+			border-left: 1px solid @timeline-bg;
+			min-width:   2px;
+		}
+
+		.event-theme {
+			background-color: @event-theme-color;
+		}
+		.event-plugin {
+			background-color: @event-plugin-color;
+		}
+		.event-core {
+			background-color: @event-core-color;
+		}
+		.event-query {
+			background-color: @event-info-color;
+		}
+		.event-http {
+			background-color: @event-warning-color;
+		}
 	}
 
-	.laps-timeline .event {
-		float: left;
-		width: 0%;
-		height: 20px;
-		font-size: @font-size-small;
-		color: #fff;
-		text-align: center;
-		background-color: @event-info-color;
-		.box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
-		.transition(width .6s ease);
-		position: absolute; // disable stacking at start
-		border-left: 1px solid @timeline-bg;
-		min-width: 2px;
-	}
-
-	.laps-timeline .event-theme {
-		background-color: @event-theme-color;
-	}
-
-	.laps-timeline .event-plugin {
-		background-color: @event-plugin-color;
-	}
-
-	.laps-timeline .event-core {
-		background-color: @event-core-color;
-	}
-
-	.laps-timeline .event-query {
-		background-color: @event-info-color;
-	}
-
-	.laps-timeline .event-http {
-		background-color: @event-warning-color;
-	}
-
-	@import "tooltip.less";
+	@import "../vendor/twbs/bootstrap/less/tooltip.less";
 
 	.tooltip.in {
 		.opacity(1);
@@ -83,7 +69,7 @@
 
 	.tooltip-inner {
 		line-height: 20px;
-		text-align: left;
+		text-align:  left;
 	}
 }