/* == Scale control == */

/* Scale Line style */
.leaflet-control-scale.leaflet-control .leaflet-control-scale-line {
	background-color: transparent;
	padding: 0 5px;
	font-size: 10px;
	font-family: sans-serif;
}

.leaflet-right.leaflet-bottom {

	/** Override initial properties */
	.leaflet-control.leaflet-control-scale {
		float: left;
		clear: none;
		margin: 1px 5px;
		line-height: initial;

		.leaflet-control-scale-line {

			/* Scale Line style on hover */
			&:hover {
				border-color: #000;
				cursor: pointer;
			}

			/** Override initial properties */
			&:not( :first-child ) {
				border: 1px solid #999;
				border-color: #000;
				border-top: 0;
				margin-top: 0;
			}
		}
	}
}

/* == Scale control == */

/* Scale Line style */
.leaflet-control-scale.leaflet-control .leaflet-control-scale-line {
	background-color: transparent;
	padding: 0 5px;
	font-size: 10px;
	font-family: sans-serif;
}

.leaflet-right.leaflet-bottom {

	/** Override initial properties */
	.leaflet-control.leaflet-control-scale {
		float: left;
		clear: none;
		margin: 1px 5px;
		line-height: initial;

		.leaflet-control-scale-line {
			// Should never flip, since '10km' etc is not
			// currently translateable in leaflet itself
			/* @noflip */
			direction: ltr;

			/* Scale Line style on hover */
			&:hover {
				border-color: #000;
				cursor: pointer;
			}

			/** Override initial properties */
			&:not( :first-child ) {
				border: 1px solid #999;
				border-color: #000;
				border-top: 0;
				margin-top: 0;
			}
		}
	}
}

Apply more forcefully the noflip LTR dir for the scale
Apply more forcefully the noflip LTR dir for the scale

The scale that says "10 km" or "100 mile" etc is non-translateable
right now, so we need to make sure it is always forced to be LTR
even within a RTL context or interface direction.

Change-Id: Ie4b93cd582cb37ab3a7a6d674fc11441666a1748
