updated radio highlight with ccorwin's changes

ExactTarget · Apr 14, 2015 · 0a30a35 · 0a30a35
1 parent 5c32d44
commit 0a30a35
Showing 1 changed file with 32 additions and 29 deletions.
diff --git a/less/radio.less b/less/radio.less
@@ -1,22 +1,35 @@
 .radioTabbing() {
+
 	/* for keyboard tabbing */
 	input[type="radio"]:focus + .radio-label,
 	input[type="radio"]:hover + .radio-label,
 	.radio-label:hover {
 		color: @grayLight;
 	}
 }
-
-
 .radio {
 	&.highlight {
 		padding: 4px;
 		margin: 0 0 5px 0;
-		& + & {
-			margin-top: -9px;
 
+		& + .radio.highlight {
+			margin-top: -9px;
 		}
-		&.checked {
+		& label.radio-custom {
+			left: -8px;
+			padding: 4px 4px 4px 24px;
+			border-radius: @baseBorderRadius;
+			&:before {
+				left: 5px;
+				top: 7px;
+			}
+			&:after {
+				left: 9px;
+				top: 11px;
+			}
+		}
+		&.checked label.radio-custom,
+		& label.radio-custom.checked {
 			background: #e9e9e9;
 			border-radius: @baseBorderRadius;
 		}
@@ -28,29 +41,32 @@
 	.radio-label:hover {
 		color: @grayLight;
 	}
-
 }
-
-.form-horizontal .radio-inline{
+.form-horizontal .radio-inline {
 	padding-top: 0;
 }
-
 .input-group-addon.radio-custom.radio-inline {
 	&:before {
 		left: 11px;
 		top: 9px;
 	}
-
 	&:after {
 		left: 15px;
 		top: 13px;
 	}
 }
-
-
 .radio-custom {
 	position: relative;
 
+	.highlight {
+		padding: 4px;
+		margin: 0 0 5px 0;
+
+		&.checked {
+			background: #e9e9e9;
+			border-radius: @baseBorderRadius;
+		}
+	}
 	&:after {
 		background: transparent;
 		border-radius: 6px;
@@ -61,9 +77,7 @@
 		top: 7px;
 		width: 6px;
 	}
-
-	&:before
-	{
+	&:before {
 		border: 1px solid #adadad;
 		border-radius: 14px;
 		content: " ";
@@ -73,55 +87,48 @@
 		top: 3px;
 		width: 14px;
 	}
-
 	&.checked {
 		&:after {
 			background: #fff;
 		}
-
 		&:before {
 			background: #39b3d7;
 			border-color: #39b3d7;
 		}
 	}
-
 	&.disabled {
 		cursor: not-allowed;
 
 		&:after {
 			cursor: not-allowed;
 		}
-
 		&:before {
 			cursor: not-allowed;
 			opacity: .5;
 		}
 	}
-
 	&.radio-inline {
 		&:after {
 			left: 4px;
 			top: 7px;
 		}
-
 		&:before {
 			left: 0;
 			top: 3px;
 		}
-
 		&.highlight {
+			left: -3px;
+
 			padding: 4px 4px 4px 24px;
 
 			&:after {
 				left: 8px;
 				top: 11px;
 			}
-
 			&:before {
 				left: 4px;
 				top: 7px;
 			}
-
 			&.checked {
 				background: #e9e9e9;
 				border-radius: @baseBorderRadius;
@@ -133,11 +140,7 @@
 	input[type="radio"]:focus + .radio-label {
 		color: @grayLight;
 	}
-
 }
-
-
 label.radio-custom.radio-inline {
 	padding-left: 20px;
-}
-
+}