Add ability to text to automatically truncate when space requires

less/checkbox-no-js.less

@@ -2,7 +2,7 @@
 @import "forms.less";
 .fuelux {
 	.checkbox, .checkbox-inline {
-		
+
 		input[type="checkbox"]:not(.sr-only) {
 			& ~ label {
 				&:before {
@@ -46,4 +46,4 @@
 		}
 
 	}
-}
+}

less/checkbox.less

@@ -139,6 +139,17 @@
 			color: @gray60;
 		}
 
+
+		/* for keyboard tabbing */
+		input[type="checkbox"] + .checkbox-label {
+			&.truncate {
+				display: inherit;
+				line-height: 14px;
+				margin-top: 3px;
+				margin-bottom: -3px;
+			}
+		}
+
 	}
 
 	label.checkbox-custom.checkbox-inline {

less/mixins.less

@@ -16,6 +16,15 @@
 }
 
 #fuelux {
+
+	// Truncate
+	.truncate() {
+		max-width: 100%;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
 	// Single side border-radius
 	.border-top-radius(@radius) {
 		border-top-right-radius: @radius;

less/radio.less

@@ -144,6 +144,17 @@
 		input[type="radio"]:focus + .radio-label {
 			color: @gray60;
 		}
+
+		/* for keyboard tabbing */
+		input[type="radio"] + .radio-label {
+			&.truncate {
+				display: inherit;
+				line-height: 14px;
+				margin-top: 3px;
+				margin-bottom: -3px;
+			}
+		}
+
 	}
 
 	label.radio-custom.radio-inline {

less/repeater-list.less

@@ -101,6 +101,10 @@
 							&.sorted {
 								background: @gray98;
 							}
+
+							&.truncate {
+								display: inherit;
+							}
 						}
 
 						tr {

less/tree.less

@@ -185,4 +185,10 @@
 
 	}
 
-}
+	.truncate .tree {
+		.tree-branch-header .tree-branch-name, .tree-item .tree-item-name {
+			#fuelux > .truncate;
+		}
+	}
+
+}

less/utility.less

@@ -111,7 +111,7 @@
 	.margin {
 		&-xs {
 			margin: @margin-xs;
-			
+
 			&-horizontal {
 				margin: 0 @margin-xs;
 			}
@@ -208,4 +208,11 @@
 		#fuelux > .section-heading();
 	}
 
-}
+
+
+	// Truncate
+	.truncate {
+		#fuelux > .truncate;
+	}
+
+}