Carl Wood carlwood

I was having a problem with floating two element - both left - hoping that the second element's width would expand to the end.

Original code:

.left { float: left; {
.right { float: left; } // right does not expand to fit the width of the row

Fix:

#Fixing fuzzy CSS triangles in Firefox

References http://stackoverflow.com/questions/12301366/pure-css-triangle-looks-blurry-in-firefox.

Thanks to http://stackoverflow.com/users/295770/luca

This problem references my earlier gist (https://gist.github.com/carlwood/5663616) where I created css triangles to display a selected link - which would open a dropdown.

Original SCSS source code:

#SASS Link Colours shorthand

link-colors($normal, $hover, $active, $visited, $focus)

usage:

	global-styling:
	js:
	build/js/vendor.js: {}
	build/js/main.js: {}
	dependencies:
	- core/drupal
	css:
	theme:
	build/css/main.css: {}

	// Sets rems, or px for IE
	.font-size(@sizeValue) {
	@remValue: @sizeValue;
	@pxValue: (@sizeValue * 10);
	font-size: ~"@{pxValue}px";
	}

	// Usage
	.font-size(1.6); // 16px/1.6rem

	if (navigator.userAgent.match(/mobile/i)) {
	$('body').addClass('touch');
	}